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
白河桥txt最强剑仙txt全集下载领导者txt半梦金星txt免费下载五十分之一第三季txt白河桥txt弃女重生邪王的千面宠妃txt下载领导者txt大秦帝国电子书下载txt末世重生之安然有漾txt下载大将txt全本下载白河桥txt天体txt下载大将txt全本下载领导者txt宠物小精灵小说txt下载网游之神龙骑士txt电子书下载五十分之一第三季txt五十分之一第三季txt桃运学生txt穿越就当娘txt抗战之军工强国txt大秦帝国电子书下载txt网游之召唤巅峰txt宋朝好丈夫txt下载恶魔少爷:请你饶了我吧txt半梦金星txt免费下载百家讲坛明太祖朱元璋txt桃运学生txt再世为人txt下载华绯，一位小学四年级学生母亲，满足于现状，并主张“让孩子度过一个快乐童年”。因没有为刘晴报名参加语文老师开设的补习班，而使其失去参加作文赛的资格。华绯十分不服，不多久便气势汹汹地登门“拜访”老师。 然而，回到家中的她宛若变了一个人…… 从此，刘晴每天都得学习让全家人头痛的高年级知识，背诵经过华绯亲手改编的超级作文，去上各种各样的补习班。华绯认为她所制定的计划是绝妙的，完美的。 可结果并没有理想中的美好，华绯也渐渐发觉自己原来一无所知…… 　废土之上，人类社会秩序濒临崩溃。 　　异兽肆虐，一座座高墙拔地而起。 　　异能，成为人类对抗异兽的主要武器——异能者、异能材料、异能武器…… 　　有人认为异能是一切不幸的源头，有人认为异能是上帝赐予的利剑，也有人认为异能是改变世界的契机！ 　　这是一个充满希望的时代，也是最残忍的时代。 　　浩劫不止，王无终时…… 镇物，也叫镇邪之物。在民间，镇物用于镇墓、镇宅等。 镇物用得好可以救人，而被心术不正的人利用，也能杀人于无形。 一次雪崩竟牵出一个常埋雪山之下的帝国，现代特种兵无意间闯入平行的世界，化身美女郡主的贴身保镖。一路行来，一路恋情，风流不断，竟有三位绝色美女不顾一切爱上了他，自古美女爱英雄！ 他无形插柳柳成荫，他只想伸张正义，扶危济困，却鲜花簇拥，美女相随，都愿为他舍生忘死，付出全部，真男人好汉子，总是桃花运不断！那年阳光正好，少年笑面如花，那年微风不燥，青春飞扬。 那年书海遨游。 那年，玩的没心没肺，也没有做不完的工作。 嗯…那年没谈恋爱… 诸君，且行且珍惜。从小到大就相识，渐渐长大，体验人情世故，征战大陆九龙大陆，强者为尊，武道一途，与天争命，且看一朝皇子，凭三尺长剑，如何皇临天下！武道巅峰，谁为皇？ 为了心中的一丝执念，阳炎勤修武，争太子，夺皇位，战天下，历生死，证武道，破轮回！ 号令天下，莫敢不从！风都一个出现了英雄的城市，在假面骑士W打败了最后一位掺杂体后风都又回归了平静。但事情并没有结束。十年后发现的一个遗迹打破了这一静。那是来自黑暗世界的力量，将人们吞噬的力量，将世界笼罩的力量，这一切会由谁来打破呢？是英雄回归？还是光明乍现？等待人们的是臣服黑暗还是奇迹的发生？东北神话，原名东北神话之家族仙缘路，进行了，大刀阔斧的改革和更改近年来，如同PUBG，LOL等各大游戏纷纷举行重大赛事。而我的世界也不甘示弱。一群初三毕业的孩子，成立了一支战队。等待他们的将会是什么，谁也不知道……
旺角磨镜人 定北王 叶飞扬 伊沌 天道轮回间 帝释缘空 元素方舟 七军战天 不靠系统的我就是five 我的超凡力 太阳系的秘密档案 穿越成废太子 英雄联盟：王者之路 宅仙传说 我的手机有妖怪 jojo的奇妙冒险:花样年华 随便成为什么 异界神说之圣职传奇 至尊散仙！ 破碎重装 愉悦篇 恶魔少爷:请你饶了我吧txt 宠物小精灵小说txt下载 网游之神龙骑士txt电子书下载 五十分之一第三季txt 最强剑仙txt全集下载 百家讲坛明太祖朱元璋txt 我的禽兽男人txt 合体双修txt下载全集 国民男神之路txt下载 天体txt下载 宿敌txt下载乌云冉冉 宿敌txt下载乌云冉冉 网游之召唤巅峰txt 宠物小精灵小说txt下载 白河桥txt 宋朝好丈夫txt下载 尘缘七金txt全集下载 恶魔少爷:请你饶了我吧txt 美女云集神临二次元txt 领导者txt 极牛鬼才在异界.txt 领导者txt 美女云集神临二次元txt 抗战之军工强国txt 末世重生之安然有漾txt下载 腹黑宝宝霸道娘亲txt 恶魔少爷:请你饶了我吧txt 美女云集神临二次元txt 穿越就当娘txt 恶魔少爷:请你饶了我吧txt 五十分之一第三季txt 极牛鬼才在异界.txt 半梦金星txt免费下载 白河桥txt 网游之召唤巅峰txt 宋朝好丈夫txt下载 半梦金星txt免费下载 我的禽兽男人txt 网游之召唤巅峰txt 骄阳似火txt下载 宋朝好丈夫txt下载 合体双修txt下载全集 桃运学生txt 尘缘七金txt全集下载 大将txt全本下载 极牛鬼才在异界.txt 宿敌txt下载乌云冉冉 宋朝好丈夫txt下载 腹黑宝宝霸道娘亲txt 网游之神龙骑士txt电子书下载 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 全民领主：开局随机神话巨龙 全职相师 带着系统穿越电影世界 神武灵狱 世界晋升：修罗枪神 AG真人 欧博官网 亚星游戏官网 AG真人 百家乐官网 网游之神龙骑士txt电子书下载 尘缘七金txt全集下载 美女云集神临二次元txt 恶魔少爷:请你饶了我吧txt 桃运学生txt 宠物小精灵小说txt下载 网游之神龙骑士txt电子书下载 宋朝好丈夫txt下载 合体双修txt下载全集 领导者txt 我的禽兽男人txt 极牛鬼才在异界.txt 国民男神之路txt下载 国民男神之路txt下载 宿敌txt下载乌云冉冉 大秦帝国电子书下载txt 弃女重生邪王的千面宠妃txt下载 我的禽兽男人txt 天体txt下载 最强剑仙txt全集下载 腹黑宝宝霸道娘亲txt 极牛鬼才在异界.txt 弃女重生邪王的千面宠妃txt下载 网游之召唤巅峰txt 末世重生之安然有漾txt下载 白河桥txt 我的禽兽男人txt 大将txt全本下载 恶魔少爷:请你饶了我吧txt 恶魔少爷:请你饶了我吧txt