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
抚顺望花哪个驾校好大同安邦驾校b2多少钱抚顺有自动档驾校阜新飞达驾校电话号码阜新胜利驾校考场抚顺望花哪个驾校好丰顺县岭东驾校事件抚顺有自动档驾校丰州驾校怎么收费丰顺岭东驾校地址丰宁承坤驾校收礼抚顺有自动档驾校丰顺县的驾校丰宁承坤驾校收礼抚顺自动挡驾校丰顺岭东驾校地址丰顺县有几个驾校阜新育才驾校电话号码阜新育才驾校电话号码抚顺驾校计时收费佛山边个驾校可增a2阜新育才驾校电话号码丰州驾校怎么收费抚顺驾校都有什么阜新胜利驾校考场大同可以考b2本的驾校阜新育才驾校电话号码抚顺驾校计时收费抚顺望花哪个驾校好丰顺县岭东驾校事件1928年，一个宋代汝窑瓷盘，在小兴安岭地区深山中，诡异面世，日本文化特务欲夺之，……穷困潦倒的大学生陈阳，在经历种种不顺后，意外获得传承，入赘豪门，从此有了开挂的人生……宇宙星河 　　无尽虚空 　　凌驾于天道之上 　　掌管无尽宇宙 　　不被任何人打败 　　她就是墨星玄世家天才涅槃重生，诡异身影相伴左右。 上天庭 下地狱 只为那心中的信念。 未婚妻的背叛、父亲的离奇死亡、母亲的神秘失踪！ 背负着沉重包袱的沈夜白，毅然走向那十死九生的屠邪之路。 在这弱肉强食，渐渐失去秩序的修炼世界，他闯荡坠天神域、脚踏万千邪族、在天地战场纵横杀戮…… 当他驻足停歇、放眼天地，才发现自己早已站在了这个世界的绝顶之巅！事故之后，我竟转生成为了异世界魔物？ 这是一个魔法的世界，帝国纷争，城邦联合，神秘力量的苏醒改变着着世界的方向,不受时间消磨的“永恒星碑”上记载的过去引起着世界的动荡...... 在异世界苏醒后成为了魔物，伪装成人类走向人类世界，学习魔法，增强实力，游历各地探索这精彩异世界的奥秘！【无女主】+【杀伐果断】+【无系统】+【人工智能】 20世纪末，地球绝大多数地区被外来入侵的异类占领，人类抱团取暖，建立了序列区，并发明了维度机甲，对抗异类的存在，持续上百年。 青楠以及格线的维度进入到序列五号区最好的学院，表现出惊人的机甲驾驶技术。 人类不在期盼神明降临，而是举起手中的武器奋勇反抗。 永无止境的灾难何时结束…… 五年前大批人类觉醒，世界各地陷入一片混乱。一切来的太过突然，是天灾亦或是人祸？是上天赐予人类的礼物？还是世界末日的前兆？ 五年游历，叶云经历无数次生死考验，他只求一个真相，以慰忌故友。 只是真相背后又是什么？ 网游映射现实，大三学生江晓玩了十年的《神话》直到关服。 他把网游玩成了单机，制霸游戏各种榜单。 当别人还在打怪升级的时候，他已是满级存在，当别人拿着几十万战力炫耀的时候，他的战力早已超越一亿； 他是全服隐藏职业之首，精通所有职业技能，能随心所欲切换职业战斗形态。 且看江晓如何玩转灵气复苏的游戏世界。平行世界恐怖游戏降临，全人类笼罩在阴霾之中，苏毅穿越平行大陆，召唤九大鬼王，狂推各类副本。 笔仙：苏毅真的狗，跟几只鬼王把我通灵出来，笔被他折断，换成了电笔。 贞子：我正从电视往外爬呢，苏毅的鬼王就把我电给拔了，卡在电视当间不说，愣生生扯着头发将我拽了出来。 湘西铜甲尸：苏毅非说我身上的是古董，把我铜甲扒了，要上交国家！ 苏毅通关了副本榜所有高难度副本，自此副本里的鬼物抱团取暖。 “坚持下来，活下去！”
秦岭诡事之侍灵师 九州之云起龙骧 开局爆亏，反买垃圾股涨停 乱世僧 楚天子 黑马荣耀 帝国时空之修订版 都市修真：至臻魔体 做狗也做最狂的 噬魔者：觉醒 御灵师：天缺之人的逆袭 赶尸人的诅咒 离开了幽村，没人和我说话 妖行魅影 帝君元神魂穿病娇王爷 平淡都市生活 罚恶者 武魂歌之江南风 师弟你是真的苟 织网者，复仇 大同驾校B2报名多少钱 丰顺岭东驾校 丰顺县有几个驾校 阜新胜利驾校考场 大同驾校B2报名多少钱 抚顺驾校报名费 丰顺县有几个驾校 丰顺岭东驾校老板是谁 大同可以考b2本的驾校 丰顺顺安驾校 丰州驾校怎么收费 丰州驾校官网 抚顺驾校都有什么地方 丰顺岭东驾校 抚顺望花哪个驾校好 阜新胜利驾校考场 丰州驾校的电话 大同可以考b2本的驾校 大石桥哪家驾校能增驾 抚顺有自动档驾校 丰顺岭东驾校 抚顺自动挡驾校 大同安邦驾校b2多少钱 丰宁承坤驾校收礼 丰顺岭东驾校地址 抚顺驾校都有什么地方 大同可以考b2本的驾校 大同安邦驾校b2多少钱 大石桥哪家驾校能增驾 大同可以考b2本的驾校 阜新胜利驾校考场 丰宁县承坤驾校地址 阜新飞达驾校电话号码 抚顺望花哪个驾校好 抚顺驾校都有什么 阜新胜利驾校考场 阜新飞达驾校电话号码 丰顺县有几个驾校 抚顺驾校都有什么地方 抚顺自动挡驾校 阜新平安驾校考课2 丰顺顺安驾校 抚顺那个驾校正规 丰州驾校的电话 丰宁承坤驾校收礼 丰顺岭东驾校 丰州驾校官网 阜新平安驾校考课2 抚顺驾校都有什么地方 丰顺县岭东驾校事件 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 在古代成为全才很正常吧 劫后余声 赛尔号之命运交响曲 东虞山下小酒馆 你所不知的事 欧博官网 百家乐官网 亚星管理平台 欧博官网 亚星游戏官网 抚顺望花哪个驾校好 阜新胜利驾校考场 丰顺县有几个驾校 大同驾校B2报名多少钱 阜新胜利驾校考场 佛山边个驾校可增a2 丰顺岭东驾校地址 抚顺驾校报名费 丰顺县有几个驾校 抚顺自动挡驾校 抚顺自动挡驾校 丰州驾校怎么收费 佛山边个驾校可增a2 丰顺县岭东驾校事件 抚顺驾校报名费 大石桥哪家驾校能增驾 抚顺有自动档驾校 抚顺驾校计时收费 丰顺岭东驾校 大同驾校B2报名多少钱 阜新平安驾校考课2 丰顺岭东驾校老板是谁 抚顺有自动档驾校 丰顺县有几个驾校 丰宁县承坤驾校地址 抚顺自动挡驾校 大同可以考b2本的驾校 丰州驾校官网 丰州驾校怎么收费 丰顺县岭东驾校