Home/Tables

Tables For, you guessed it, tabular data

Table markup

Tag Description
<table> Wrapping element for displaying data in a tabular format
<thead> Container element for table header rows (<tr>) to label table columns
<tbody> Container element for table rows (<tr>) in the body of the table
<tr> Container element for a set of table cells (<td> or <th>) that appears on a single row
<td> Default table cell
<th> Special table cell for column (or row, depending on scope and placement) labels
Must be used within a <thead>
<caption> Description or summary of what the table holds, especially useful for screen readers 
<table>
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Table options

Name Class Description
Default None No styles, just columns and rows
Basic .table Only horizontal lines between rows
Bordered .table-bordered Rounds corners and adds outer border
Zebra-stripe .table-striped Adds light gray background color to odd rows (1, 3, 5, etc)
Condensed .table-condensed Cuts vertical padding in half, from 8px to 4px, within all td and th elements

Example tables

1. Default table styles

Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.

<table class="table">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

2. Striped table

Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.

Note: Striped tables use the :nth-child CSS selector and is not available in IE7-IE8.

<table class="table table-striped">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

3. Bordered table

Add borders around the entire table and rounded corners for aesthetic purposes.

<table class="table table-bordered">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

4. Condensed table

Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).

<table class="table table-condensed">
  
</table>
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

5. Combine them all!

Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.

<table class="table table-striped table-bordered table-condensed">
  ...
</table>
Full name
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
帮小公主整理房间游戏办公室扑克牌游戏大全集帮小狗洗澡游戏下载安装帮美女真人洗澡小游戏帮美人鱼定做礼服游戏搬运比赛游戏帮小公主整理房间游戏帮我搜索一下换装游戏帮美人鱼定做礼服游戏帮娘娘化妆的游戏百分之一的游戏帮动物找食物游戏帮女生游戏穿衣服帮你卡车的游戏帮我搜索一下换装游戏帮娘娘化妆的游戏帮小狗洗澡游戏下载安装办公室扑克牌游戏大全集办公室扑克牌游戏大全集帮芭比娃娃做房子游戏下载宝宝是吃汉堡游戏下载办公室扑克牌游戏大全集帮美人鱼定做礼服游戏宝宝巴士的游戏游戏大全下载免费下载办公室扑克牌游戏白雪王子游戏办公室恶心的小游戏宝宝巴士的游戏游戏大全下载免费下载帮芭比娃娃做房子游戏帮女生游戏穿衣服 全球灾变后六十年，小冰冻期结束，各生活大区政府开始大规模收拢待规划无政府区的土地，重整资源，全面进入了复苏阶段，而这二十年也被称为“黄金二十年”。 　　这是一个新大区陆续崛起，政治搭台，资本唱戏，野心家遍地走，英雄豪强，奸雄草根并起的璀璨大时代！一位青年带着满腹韬略崛起于乱世，胸藏猛虎，丈量天地。 （女帝，气运，悟道，天才，争霸） 瑶池圣女：手握日月摘星辰，世间无他这般人。 青莲剑圣：不会真有人觉得，世子大哥是凡人？ 狠人女帝：不为成仙，不为成帝，只为在红尘中长伴君之左右！ 君逍遥很难受。 他一句话，让女帝娘子，悟出了一念花开，君临天下。 他一首诗，让青莲剑圣，明了了绝世剑意，万古长歌。 他一幅画，让瑶池圣女，炼成了六道轮回，造化天功。 气运之子，一路高歌，一路横推，一路喊着世子才是真无敌！ 君家世子，一直羡慕，一直苦笑，一直都是平平无奇小世子…… 终有一日，荒域大乱。 君逍遥破了老祖留下的世子不能出府的预言。 惊天动地的事发生了。 我为天子镇国门，血染江山亿万里！ 不出世则以。 一出世必成天下第一！ …… 　素蓉曾告诉我，要是我因为她的离开，心中的眼泪快掉下来的时候，就赶快抬起头，看看这片曾经属于我们的天空。 　　当天依旧那么的蓝，白云还是那么的潇洒，就不该再哭，因为素蓉的离去，并没有带走唐剑雨的世界，可是，在危难机来临之际，当我跟沈素蓉的命运纠缠的那一刻，属于我的世界也消失了。 　　只有我跟素蓉才是完整的天地，要是只有我，那只是一个寂寞而无止境的噩梦，素蓉，可怜的素蓉，要是真的有来生，我忠心的祈求上天，求求你，老天爷，求求你，不要让素蓉再遇上我，更不要让她再爱上我，就让她好好的平静度过来世，心中再没有我唐剑雨的出现。 　　就让我们过去的故事，永远埋在我心中，刻骨铭心就可以了。 是除魔卫道？还是匡扶正义？ 兄妹情深，却各有其道。 他：身背伏魔剑，但是从来没有人见过他用剑。因为……见过他用剑的人…除了她…都死了。 她：身负魔教妖女之名，一手暗刃，一手吞噬，万千妖魔消失在她的手掌中。 魔族见之闻风丧胆，妖族闻声逃之夭夭。 至尊？一拳打爆。大帝？见了就逃。他父母被人弑杀夺宝，邻居发小战死，自己濒死后丹田破碎、境界跌落，报仇的执念让他不甘如此，一天，他被这方星空的上界大佬选中，修炼顶级的功法战技，炼丹炼器更不在话下，开启了他复仇冒险之旅当修真者穿越到了现代，因为语言不通闹出了许多笑话。 谁能想到，一个不起眼学生竟然是修真界的最强者？ 最强S级异能者？对不起，只需要一剑。 异能者和修真者的碰撞，核武和仙术的对轰…… 风都一个出现了英雄的城市，在假面骑士W打败了最后一位掺杂体后风都又回归了平静。但事情并没有结束。十年后发现的一个遗迹打破了这一静。那是来自黑暗世界的力量，将人们吞噬的力量，将世界笼罩的力量，这一切会由谁来打破呢？是英雄回归？还是光明乍现？等待人们的是臣服黑暗还是奇迹的发生？各地越狱的犯人逃到了南方的某个城市，城内警察四处抓捕，但都无疾而终。 这些犯人中的某一位来到这座城市之后便开始了行凶杀戮…… 警察陈实在父母过世后，再一次独自面对黑夜中的行凶者一个本不应该活着的人，在承受苦难、理解痛苦之后，他便不想让别人也处在痛苦之中。他受过的苦，不想天下人再度承受。他有着必须变强的信念，但天赋制约让他举步维艰。他不怨恨自己的天赋，选择了另辟蹊径弥补天赋的不足。不甘遭受被摆布的命运，阳子冀走出了一条灿烂的人生之路。 PS：此书男主有四不：基本不开挂，不存在越级虐杀，不喜欢说骚话，更不是狠辣之人。喜欢暴爽打脸虐杀的可以绕道了。。。。。。另外，本书的剧情主要以人物之间的对话推动，人物之间的对话应该占据本书的6成以上，不喜欢听话痨的也可以绕道了。。。。。。本书展示的，是一个合理的低武走向高武世界的过程“是妖，又怎么了？”不仅仅是对这个时代的侃侃而谈，更是年少时羁傲不逊曾对你许下的诺言。而林无忧和他（她）们的故事正是从临天大陆的一个小国家开始的……
做个皇帝好难 圣堂之眼 都市极品天师 天御族1统筹 山海有灵兽 骈阳纪 防道仙师 金庸醉侠传 综武世界的宋青书 玄幻：开局神级随机系统 我黑色的梦 凡尘炼体 明诀尊 何老医传 永恒的无上邪尊 鬼卫记小说版 奇峰天邑 仙魔双宝的无双父尊 大灾与大爱 扬天 帮你卡车的游戏 白雪王子 游戏 搬运比赛游戏 白色的搅拌车的游戏 帮你卡车的游戏 帮你卡车的游戏下载 帮动物找食物游戏 棒球大联盟的游戏 百分之一的游戏 宝宝巴土游戏大全做饭 帮我下个火柴人的游戏叫什么时候更新 帮我搜索一下换装游戏 摆数游戏有啥发现 白雪王子游戏 帮我查一下装扮小游戏 帮美人鱼定做礼服游戏 帮动物找食物游戏 百分之一的游戏 办公室扑克牌游戏 帮小公主整理房间游戏 白雪王子 游戏 帮小狗洗澡游戏下载安装 办公室扑克牌游戏大全集 宝宝是吃汉堡游戏下载 白雪王子游戏 摆数游戏有啥发现 百分之一的游戏 办公室扑克牌游戏大全集 办公室扑克牌游戏 百分之一的游戏 帮美人鱼定做礼服游戏 白雪王子 游戏 帮美女真人洗澡小游戏 帮小公主整理房间游戏 帮娘娘化妆的游戏 帮美人鱼定做礼服游戏 帮美眉解脱睡衣小游戏 帮动物找食物游戏 摆数游戏有啥发现 帮美眉解脱睡衣小游戏 帮美人鱼定做礼服游戏 宝宝巴士的游戏游戏大全下载免费下载 帮女生游戏穿衣服 帮我搜索一下换装游戏 宝宝是吃汉堡游戏下载 白雪王子 游戏 帮我下个火柴人的游戏叫什么时候更新 帮美女真人洗澡小游戏 帮女人穿衣服游戏下载 帮芭比娃娃做房子游戏下载 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 仙门之路 对不起小霞 万仙之上 传奇人生：梅林 娘胎难产：开局就将母亲堆成仙 亚星管理平台 亚星官网 万利游戏官网 亚星管理平台 澳门葡京官网 帮美人鱼定做礼服游戏 帮你卡车的游戏下载 白雪王子游戏 帮小狗洗澡游戏下载安装 帮美眉解脱睡衣小游戏 帮美眉解脱睡衣小游戏 办公室恶心的小游戏 办公室扑克牌游戏 搬运比赛游戏 帮娘娘化妆的游戏 办公室扑克牌游戏大全集 帮小狗洗澡游戏下载安装 宝宝是吃汉堡游戏下载 帮我搜索一下换装游戏 百分之一的游戏 帮美人鱼定做礼服游戏 办公室恶心的小游戏 白雪王子游戏 帮我搜索一下换装游戏 帮动物找食物游戏 帮美眉解脱睡衣小游戏 帮美眉解脱睡衣小游戏 帮我下个火柴人的游戏叫什么时候更新 办公室恶心的小游戏 搬运比赛游戏 帮动物找食物游戏 办公室扑克牌游戏 帮你卡车的游戏 帮女人穿衣服游戏下载 白雪王子 游戏