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
赣州到上海火车的卧铺票多少钱从北京到大虎山的火车赣州到亳州的火车票查询系统广州一宜昌火车票多少钱甘谷到乌鲁木齐卧铺火车票赣州到上海火车的卧铺票多少钱广州西站到青岛火车票多少钱赣州到亳州的火车票查询系统长葛到渑池火车时刻表北京至邓州火车票软卧t128火车客服联系赣州到上海火车的卧铺票多少钱从定边到北京的火车t128火车客服联系赣州到亳州的火车票查询系统北京至邓州火车票软卧隆德到平凉的火车从黄石到南京的火车从黄石到南京的火车没有到中牟县的火车吗柯桥老火车站到河南从晋城到南京的火车长春到七台河火车票北京铜川火车时刻表甘谷到乌鲁木齐卧铺火车票从定边到青岛的火车站时刻表广州一宜昌火车票多少钱揭阳到丰顺火车站时刻表加兴到玉山火车时间从定边到北京的火车 五族纷争战不断， 三国史实卷中现， 为得永生长修道， 万法归一只逆天。 异境修仙，只得逆天，任意杀戮，天地共怒，若无后源，人神必灭。 世尊苍天，其女名杰，上古平乱，世尊圣女，其有词，临江赋―大江东去明月夜，千里碧霞寒光生，江明月，对影浊，月映当空星自薄，临望江面银闪烁，东进山，踏峰坡，游牧组中将临敌，吾族儿女何惧多，对阵南蛮欲血搏，将临难，欲长歌，声划长空欲九霄，势破地渊惊醒天，举剑指天问明月，映在高空何时多，吾虽柔弱小女子，愿做杀敌女丈夫，守吾华下永太平，父乃上古一天帝，子女岂能弱丈夫，今日挥剑立天地，誓守吾族疆域全，那怕上存一气在，战至身死不退步，即便不幸离于世，凝心聚魂守疆土。这里没有无尽的斗气，没有瑰丽的魂环，有的只是无尽的诗词和读书人为尊的世界。 浩然正气孕忠魂，文华之气惊诸圣。 拳打诸子百家，脚踏天妖南蛮。 无数读书人长叹，天不生孟飞，儒道万古如长夜！几时梦回仙音，何来不续前弦 寒霜落下时，拥你入怀乡 一剑皓月仙穹，一指度日连天 天穹下：“我欲破天归来，何须苍穹来渡。” 一剑天玄，九剑破天十年前，杀星江峰横空出世，枪挑修道世家，剑夺美人娇妻，娶了13个老婆。 后来被雷劈死了。 子嗣江川，拥有超凡能力却无法修行，百年岁月就要沦为黄土… 仰天长啸，苍茫星海，如何走出长生路？ 其他僵尸可以通过尸毒，让自己手下出现无数僵尸小弟。江流逝的尸毒只对女性有反应，这辈子做僵尸，想要僵尸小弟是不可能了，只能拥有一群僵尸妹子。 其他僵尸忙住修炼，忙着躲避世俗，忙住寻找食物。江流逝却在贩卖尸体，忙着发财，忙住泡妞，忙着打架。 或许，这是僵尸历史上最奇葩的君王吧！ 假如有一天，你穿越到了异界，并获得了一座城，你想干什么？看少年刘磊如何从一座城开始，称霸整个异界大陆！有少年和尚，喝酒吃肉，醉卧美人膝，由魔入佛…… 有少年道士，一只青驴、一名女鬼相伴，朝着道祖行进…… 有少年儒生，提笔写下传世之作，誓要做天下万灵的夫子…… …… 有人问少年：“你是谁？！” 白衣少年摸了一下腰间钝剑，仰头喝了口酒，咧嘴一笑：“吾名叶天，叶子的叶，天帝的天，来自秦国荒城，是一个天才丹师，更是一个天才修炼者……” “谢邀，人在末世，刚刚穿越。” “什么？这里竟然实行007？根本不是人待的地方！” “算了，敌我势力悬殊过大，先忍了。” “什么？敢动我妹妹！不行！我要造反！”一个异世界，一个造物主，一段拯救与浪客的传说随着时间的流逝，到了洪武元年。传言鬼人谷不是一个地名，而是一个人名。 鬼人谷能文能武，选择隐于世外，没有徒弟，却将天下尽收眼底。 随着时间的推动，到了洪武二十一年。鬼人谷收下两个徒弟，一个名字叫王雄吠，另一个名字叫太司懿。 鬼人谷能屈能伸，选择世俗之见，没有怨言，却将两个徒弟教成一文一武的怪物。 《神探太司懿》系列小说的第一部！
碧血云天 江南名片，片片有名 神秘黑棺 大道同启 我不是花心盗贼 皇朝争霸，建造最强神朝 虚拟狩猎 魔法修行与魔法学院 不科学宇宙巅峰 星海之纪：机械帝皇 善良之神与邪恶之神 成召唤师的我初始召唤精灵 被命运选中的人 双苼 这个卡师绝对有问题 一个弱者的英雄梦 残阳起风雷 佐传 迷迷糊糊做三清传人 维克托：失忆 从常州到包头火车票多少钱 北京西到荆州卧铺火车 隆德到平凉的火车 从黄石到南京的火车 从常州到包头火车票多少钱 从兰州到济南的火车时刻表 庐江一义务火车站 北京至西宁卧铺火车票 从定边到青岛的火车站时刻表 从定边到北京的火车 长春到七台河火车票 长春到七台河火车票 北京铜川火车时刻表 北京至邓州火车票软卧 六安火车售票点 甘谷到乌鲁木齐卧铺火车票 庐江一义务火车站 从定边到青岛的火车站时刻表 柯桥老火车站到河南 赣州到上海火车的卧铺票多少钱 北京西到荆州卧铺火车 赣州到亳州的火车票查询系统 从北京到大虎山的火车 从晋城到南京的火车 北京至西宁卧铺火车票 北京铜川火车时刻表 从定边到青岛的火车站时刻表 从北京到大虎山的火车 柯桥老火车站到河南 从定边到青岛的火车站时刻表 从黄石到南京的火车 北京西到荆州卧铺火车 广州一宜昌火车票多少钱 赣州到上海火车的卧铺票多少钱 北京铜川火车时刻表 甘谷到乌鲁木齐卧铺火车票 六安到日照火车时刻表查询 百度 庐江一义务火车站 北京铜川火车时刻表 六安到日照火车时刻表查询 百度 甘谷到乌鲁木齐卧铺火车票 北京至玉林火车票 没有到中牟县的火车吗 晋城到郑州的火车卧铺 从晋城到南京的火车 北京西到荆州卧铺火车 长春到七台河火车票 广州一宜昌火车票多少钱 加兴到玉山火车时间 广州西站到青岛火车票多少钱 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 大道争锋之不朽 樱花谍 冰天神帝 因为怕痛所以全点防御力了 长生卷宗 百家乐官网 澳门葡京游戏官网 澳门葡京官网 百家乐官网 万利游戏官网 从晋城到南京的火车 加兴到玉山火车时间 从哈尔滨火车站到虎园 从哈尔滨火车站到虎园 赣州到上海火车的卧铺票多少钱 赣州到上海火车的卧铺票多少钱 广州一宜昌火车票多少钱 从哈尔滨火车站到虎园 北京至邓州火车票软卧 长葛到渑池火车时刻表 从兰州到济南的火车时刻表 从黄石到南京的火车 北京至玉林火车票 从常州到包头火车票多少钱 t128火车客服联系 加兴到玉山火车时间 甘谷到乌鲁木齐卧铺火车票 甘谷到乌鲁木齐卧铺火车票 柯桥老火车站到河南 柯桥老火车站到河南 从晋城到南京的火车 t128火车客服联系 六安到日照火车时刻表查询 百度 甘谷到乌鲁木齐卧铺火车票 北京西到荆州卧铺火车 北京至西宁卧铺火车票 隆德到平凉的火车 北京铜川火车时刻表 六安到日照火车时刻表查询 百度 从常州到包头火车票多少钱