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
大学论文德育材料大学德育论文道德规范大学论文中期检查表大学马克思原理论文大学生毕业论文演讲稿大学论文德育材料大学生对问题调适论文大学论文中期检查表大学德育开题论文大学生的创业论文参考文献大学生创新课程论文题目大学论文中期检查表大学生的人格缺陷论文大学生创新课程论文题目大学论文重复率原理大学生的创业论文参考文献大学大五人格论文大学生创新课程论文大学生毕业论文演讲稿大学老师自己查论文大学德育论文1500大学生创新课程论文大学德育开题论文大学教改论文 版面费大学生爱情那些事论文大学规划论文3000字大学生爱情那些事论文大学护理毕业论文选题大学老师自己查论文大学生调适压力论文曾经的兄弟，痛下杀手，百年基业毁于一旦，一张纸召，死了一个镇国大将军，灭了一个将军，吓傻了一个孩子，文武世界在这，江湖朝廷也在这 一个少年终笑道，傻子？还是侯爷一场三国游戏测试，使魏伪，陈伟，贺随，张洲四人穿越到游戏。在这个群雄逐鹿，战火纷飞的虚拟世界里，他们能闯出属于他们是一亩三分地吗...麟羽意外穿越到了三界混乱时期，还获得了系统，关于麟羽如何一统三界就只能看他自己的了，开局一个系统装备全靠买。月夜奇侠，剑荡江湖。惩奸除恶，豪气云天。江湖豪侠叶峰，手持绝世神兵‘子母电光疯魔扫’，带你领略不一样的武林情怀，经历一段奇特的武林冒险。异世界重生 一穷二白， 苏醒后只有个关心自己的漂亮妹妹。轮回尽头的太宇古尸，太古尽头的无上存在，没有人能知道这世间的一切到底存在了多久，也没有人知道在无尽遥远的时光前究竟有多么强大的存在，这世间的一切都是个迷。这世间的一切究竟为何而生，这世间的一切存在到底有何意义？不，或许世间的一切本无任何意义…… 为了逃婚，他随便找了个美女合租，不料她竟是自己未见过面的未婚妻。 为了赚钱，他信手炼制了几枚丹药，不料竟做成了天下第一的医药公司。 为了修行，他顺手收了几个女徒弟，不料她们竟都有着惊世骇俗的身份。 为了救人，他甘愿自废一生之修为，不料所救之人竟是艳绝天下的女帝。 为了复仇，他勤修苦练至大功告成，不料最大的魔头之主竟是……一个好汉三个帮， 司马龙飞是一个走路都费劲的大胖子，遇见命中贵人龙飞而破茧 成蝶，两个少年嘻笑江湖，指点天下。一身青衣两柄剑，半卷真经一壶酒。 书中的江湖，镜中的富贵。 睡过去的恐龙，醒来的蝴蝶，眼中飘洒的是天下和世界。救人一命胜造七级浮屠，美女施主，你我有缘啊...
觅道之极 诫殇录 末日道士行 骑士领主：引导者纪元 吃鸡之存亡时刻 巨星奶爸从参加好声音开始 陌神界 叶夜少年平安今 我真的不是绝世高人啊 一见任平生 苍穹三杀变 倾城绝丽 重生之实业帝国 灵珏点将录 异界第一装逼王 途录 鸿威 雨做的风 烬中诗 兆古一帝 大学生毕业论文演讲稿 大学德育论文标题 大学老师自己查论文 大学德育答辩论文摘要 大学生毕业论文演讲稿 大学生创新课程论文题目 大学老师自己查论文 大学德育论文好题目 大学生创新课程论文 大学规划论文3000字 大学论文德育材料 大学论文德育材料 大学生的创业论文 大学德育论文标题 大学生的人格缺陷论文 大学德育答辩论文摘要 大学论文答辩ppt怎么做 大学生创新课程论文 大学马克思原理论文 大学生调适压力论文 大学德育论文标题 大学生对问题调适论文 大学生爱情那些事论文 大学德育开题论文 大学德育论文道德规范 大学生的创业论文 大学生创新课程论文 大学生爱情那些事论文 大学马克思原理论文 大学生创新课程论文 大学德育答辩论文摘要 大学生德育论文标题 大学马克思原理论文 大学论文德育材料 大学教改论文 版面费 大学生爱情那些事论文 大学马克思原理论文 大学大五人格论文 大学教改论文 版面费 大学论文重复率原理 大学生爱情那些事论文 大学生的德育论文 大学老师自己查论文 大学德育答辩论文摘要 大学生创新课程论文题目 大学生德育论文标题 大二德育答辩论文范文 大学生爱情那些事论文 大学近代史论文格式 大学生发表几篇论文 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 我身独仙 天梦神阁图书馆 青醒天下 神逆之途 豫品书生南行记 澳门葡京官网 AG真人 快连下载 澳门葡京官网 欧博游戏官网 大学生毕业论文演讲稿 大学生创新课程论文 大学生的创业论文参考文献 大学生调适压力论文 大二德育答辩论文范文 大学老师自己查论文 大学生爱情那些事论文 大学规划论文3000字 大学论文德育材料 大学德育论文标题 大学生创新课程论文 大学近代史论文格式 大学生调适压力论文 大学生调适压力论文 大学生德育论文标题 大学生德育论文标题 大学生爱情那些事论文 大学生毕业论文演讲稿 大学论文重复率原理 大学生的人格缺陷论文 大学德育答辩论文摘要 大学老师自己查论文 大学马克思原理论文 大学生发表几篇论文 大学论文德育材料 大学德育论文1500 大学生毕业论文演讲稿 大学教改论文 版面费 大学生的人格缺陷论文 大学生的人格缺陷论文