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
关于谈生命的作文600字公园秋天美景的作文桂林作文700关于写我的母亲的作文汉字传承作文高中素材关于叛逆者抒情作文海阔天空 英语作文初三桂林作文700过端午的作文200字关于人的争论作文400关于智谋的600字作文关于谈生命的作文600字过年赛家宴作文400字关于雨借物抒情的作文桂林作文700关于人的争论作文400哈尔滨哪的作文班好关于写妈妈的初三作文关于写妈妈的初三作文关于人文情怀作文观察植物100字作文300字关于写妈妈的初三作文过端午的作文200字寒假春节大学英语作文汉字传承作文高中素材寒冷的内蒙古作文关于写我的母亲的作文寒假春节大学英语作文关于勤的作文议论文过年赛家宴作文400字《风雨打工路》讲述了一个平凡屌丝漫长的情感与创业的打工之路，有喜也有忧，有苦也有乐........我叫曹香成，是一名只在凌晨出来接客的网约车司机。我的乘客，他们每个人都有自己的故事。他们是人，他们有的并不一定是人。。。他，后脑勺多出一块骨头，出生时正好父亲海上遇难，于是他被叶家当作是反骨仔、煞星灾星，是江海豪门叶家没落的罪魁祸首，所以他从小在叶家受尽欺凌，活的不如一条狗，甚至，还被叶家利用亲生母亲，逼他联姻宋家第一丑女千金。殊不知，得到了阴阳鱼玉佩的他不仅成为了悬壶济世的圣手神医，还是杀伐果断的神州大将。 且看他退役回归都市，在保护好自己想要保护的人下，是如何将都市掀起一阵狂风暴雨，是如何让整个世界都为之一颤……天机师凭借智慧争霸天下，为人而战，谈笑间，天地沦陷，万物凋零，神魔臣服，敢问天下谁敢与其一战。中华大地，文化博大精深，源远流长，造就一批批的文人才子，王侯将相，普通大众，也就是再这样的情况下，成就今天的中华文化，中华精神。 从小民百姓到达官贵人，从富丽堂皇到乡野之地，从雍容华贵到下里巴人，在这里，我们将会一一领会 文王到始皇，汉高祖到唐太宗，以及王侯将相宁有种乎，都在这里尽情的展翅高飞，发挥属于自己的时代一次意外的事故，主角和同事流落荒岛，众人绝望之际，最后看主角一步步带领大家不断的从求生走向开拓...　　20178年，一位名叫爱丽丝的科学家成功研究出了时空穿梭技术。但在时空机器的发布会当天，把自己当作实验对象的爱丽丝卷入了时空机的爆炸，并因此被时空乱流传送到了21世纪末。 　　由于记录23世纪至45世纪历史的文献在战争中被毁，爱丽丝决定隐藏自己的身份，在记录历史之后再尝试回到未来。但爱丽丝没能想到，这将会是她一生中最后悔的决定。以同名漫画《大理寺日志》改编，添加了一个自设加入(且体可查看“附录”)作者初心是希望在加入自己自设人物的后时写一份精彩的《大理寺日志:文字版》希望大家多多支持! 附录：(其他人物皆出于原创，在此只介绍自己加入的角色了) 姓名：郑珏 身世:唐代五门望族“荥阳郑氏”的小女儿 身高：156 年龄：离家时年仅十三岁 武器：匕首 其他信息会在文中介绍，在此不便多说，望各位原谅【都市重生+宠妻+赎罪+商战】 　　“周飞，你相信有来生么？” 　　“如果有可能，我不想有来生，我只想重活一次，这辈子，有太多的遗憾了……” 　　濒死的虚弱感和无力感，让周飞连声音来自何方都无法分辨，不甘心、悔恨、遗憾…百般情绪涌上心头。 　 苟活三十多年，他对所有人都问心无愧，唯独对不起妻子和儿女！ 　　带着这股极强的悔意，周飞重生到了十年前。 　　看着那一大两小三个身影，他跪倒在地，热泪盈眶。扎纸匠，不是玩纸，而是玩人……
无序者 开局超强神技:化敌为友 江湖有你才有传奇 圣穹寂 枪挑万古之无脖传 落地成盒：泉水指挥官 仙罹 七元剑神 层叠世界 梦断仙踪 幻界：神魔录 永生世界 金庸醉侠传 九色瞳 mere trash 天罡童子举世无敌 护妻战帅 都市最强赘婿系统 淘汰自己 九代界 观察植物100字作文300字 关于雨借物抒情的作文 关于母亲做饭的作文600字 关于写我的母亲的作文 观察植物100字作文300字 广州饮食作文早茶 海阔天空 英语作文初三 哈尔滨作文阅读班 公园秋天美景的作文 关于成绩英语作文 关于写母亲的作文题记 关于写母亲的作文题记 公开课教案高中作文 关于智谋的600字作文 关于勤的作文议论文 郭川任务驱动高考作文 海阔天空 英语作文初三 公园秋天美景的作文 过端午的作文200字 关于人文情怀作文 关于雨借物抒情的作文 关于叛逆者抒情作文 过年的启示作文600字 汉字传承作文高中素材 关于智谋的600字作文 公开课教案高中作文 公园秋天美景的作文 过年的启示作文600字 过端午的作文200字 公园秋天美景的作文 郭川任务驱动高考作文 关于雨借物抒情的作文 桂林作文700 关于人文情怀作文 公开课教案高中作文 郭川任务驱动高考作文 关于谈生命的作文600字 海阔天空 英语作文初三 公开课教案高中作文 关于谈生命的作文600字 郭川任务驱动高考作文 关于人的争论作文400 关于偏才的作文 哈尔滨哪的作文班好 汉字传承作文高中素材 关于雨借物抒情的作文 关于写母亲的作文题记 桂林作文700 寒假春节大学英语作文 过年赛家宴作文400字 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 仙尊归来之重活一世 风一样的人生 综漫从和五河士道抢妹子开始 诡异直播实录 我的美食帝国 亚星管理平台 万利游戏官网 万利官网 亚星管理平台 澳门葡京官网 寒冷的内蒙古作文 公园秋天美景的作文 汉字传承作文高中素材 广州饮食作文早茶 寒假春节大学英语作文 关于写我的母亲的作文 关于偏才的作文 哈尔滨哪的作文班好 关于人文情怀作文 哈尔滨哪的作文班好 关于人的争论作文400 关于写母亲的作文题记 关于谈生命的作文600字 过年的启示作文600字 桂林作文700 关于人的争论作文400 关于写我的母亲的作文 桂林作文700 哈尔滨哪的作文班好 郭川任务驱动高考作文 关于雨借物抒情的作文 关于母亲做饭的作文600字 关于雨借物抒情的作文 关于写我的母亲的作文 哈尔滨作文阅读班 寒假春节大学英语作文 观察植物100字作文300字 关于偏才的作文 关于浪费现象的作文 关于智谋的600字作文