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
古天乐和杨幂的电影电视剧有哪些1999红岩电视剧古装好笑的电视剧韩国电视剧集最受欢迎海潮海落电视剧古天乐和杨幂的电影电视剧有哪些香港电视剧同人小说古装好笑的电视剧马里奥毛瑞在中国拍电视剧金缕义电视剧电视剧铁道游击队插曲古装好笑的电视剧电视剧我的前半生第42集视频电视剧铁道游击队插曲刘海戏金蟾电视剧一共多少集金缕义电视剧现代电视剧评价高的关于楼兰古国的电视剧海潮海落电视剧关于刘伯温电视剧全集电视剧请手下理发洗澡关于楼兰古国的电视剧马里奥毛瑞在中国拍电视剧电视剧永远不放过你阿拉伯之夜 电视剧中国的穿越电视剧阿拉伯之夜 电视剧金海岸电视剧全集关于刘伯温电视剧全集电视剧播放费用 只因发现了院长不为人知的秘密而被院长开除，重返武院后开始了和院长斗智斗勇的故事……先别感到无趣，这，只是我传奇一生的开始！普通的富商子弟被选为引导者，为此他还成为了一名骑士领主。 而引导者将授予其生存时代某些领域最先进的和古代失传的知识，以此引导世间文明加速演进。 在快速发展领地的同时，瑞林大陆风云四起。 由父亲的离奇死亡开始，真相的探寻之旅也随之展开。 骑士、法师、亡灵巫师，各个家族，各派势力，都被卷进了一个预言之中。 剑与魔法的碰撞，生命与死亡的交织。 拯救与毁灭的同时，他能否背负艰巨的使命，揭示整个事件的真相，乃至这个世界隐藏的秘密。身怀不临世间法的百草小师叔郭玉磊，在某一天，带着一柄剑，一头猪，走下了终南山！ 开始了他的传奇人生。 医术，可让大佬俯首，一针，可令百媚投怀。 以身为炉，炼化乾坤。以剑为坟，埋仙葬神！ 穿越平行世界，开局就被女星污蔑，沦为史上最强渣男。 结果开启搞事系统。 从系统开启的那一刻，就注定严谨是娱乐圈的一股泥石流。 面对媒体： “我说那不关我的事情你信吗？！” “真的，她说要蹭我的流量，所以……主动找我，我真是无辜的啊！” “你们不相信？我审美是在线的，就她那样的……我也瞧不上啊！” 凭借着自己的才华，他让网友又爱又恨。 甚至还被亲切的称之为——娱乐圈质检员！灵兽人程森屮（che四声）十一岁丧母，十三岁遭灭族。程森屮，程猖，程狂兄弟三人幸存。一年后大哥程猖却操纵程森屮杀死小时密友和程猖，心灰意冷的程森屮消失了三个月后在长安佚名“山狼”靠杀人赚钱。两年后，“山狼”声名崛起无意间认识权门高氏二公子和洌氏二公，这时有人叫杀死两人。山狼不从，没曾想那人正是大哥程猖。几经挣扎后，山狼坠于程狂和卫天兰坠落的黑鹰崖。 十年后 顶级杀手——山狼，再次出现在高风舌眼前。 正义也许会迟到，但永远不会缺席。武神，是所有人都想达到修为高度，成为武神，便可傲视整个世界。但云飞所处的那一片大陆因一场前所未有的大战倒退了不知多少年，为了打破禁锢，他带领伙伴们毅然踏上那条虚无缥缈的成神之路，去寻找大陆传说中的神器，却发现一个巨大的阴谋。那个让世界陷入绝境，让人恐惧胆颤的女人即将重回大陆，她的名字让所有人为之颤抖，她是那个站在武神之巅的人，拥有大陆最强武器，一招便可灭世，出现即是末日，而一切都压在了他的身上..时空错乱，整个蓝星穿越到一个高玄世界之中。 初来乍到，对于陌生环境完全不熟悉，以至于蓝星被打了个猝不及防。 星球文明毁于一旦，土地被霸占，人民被奴役。 主角横空出世，开启万物进度系统！ “灵草要一株一株种？” 不好意思！看我一键种植！ “灵果还要百年才能成熟？” 不好意思！我一键加速！ “大阵还要数年才能布成？” 搞笑！我一键拉满进度！ 掌控进度的我吊打一切！ 一块不起眼的石头，内里竟然容纳一方世界。少年只是随手一捡，便是陷入沉睡。 十年一梦，梦里十万年。 醒来，家族没落，承受着家族的血脉诅咒，他能否逆天改命。九品丹王羽逸风，古墓糟友人陷害与红颜若水自爆同归于尽，不料一柄古剑带回13岁那年，若有来生不负妾，黄泉九幽任你游!若水等我！一身热血洒遍万古之道，天上天下，唯我独尊！人族无帝尊，妖帝出锁界，人族一代尊主紫舍帝尊消失于无相海深处，百年之后，妖帝率领万妖打开锁妖界，入侵人族，攻守之势逆转，各地宗门大肆招收门徒应对妖族的侵扰，山村少年张擎亲眼看见村庄被屠，走投无路的他被庆云宗长老救下，开启修仙之途，终成新的帝尊。
末日靳区 秦刀行 林家小道士 居易的诗集 少年前进 传奇不只是游戏 诸天万界：我的挂开大了 终末奇幻物语 梵修罗Ⅱ轮回六道 我是一个守夜的 进激的体育老师 另类圣经 起始黎明 跨界神石 来这世界走一遭 重生之我的未来不是梦 御临十方：十珏 断杀戮 遗春楼：我撩尽天下美女 这个皇帝有点六 2003上映的古装电视剧 林海雪原电视剧哪个台播放 现代电视剧评价高的 海潮海落电视剧 1999红岩电视剧 金海岸电视剧全集 现代电视剧评价高的 电视剧大全今生缘 中国的穿越电视剧 电视剧我的前半生第42集视频 一集一个小故事的电视剧 一集一个小故事的电视剧 电视剧毛泽东下部分 林海雪原电视剧哪个台播放 古天乐和杨幂的电影电视剧有哪些 海潮海落电视剧 2015电视剧播放时间 2003上映的古装电视剧 继承者们电视剧国语版全集 古装好笑的电视剧 林海雪原电视剧哪个台播放 古装好笑的电视剧 继承者们电视剧国语版全集 关于楼兰古国的电视剧 金缕义电视剧 电视剧毛泽东下部分 2003上映的古装电视剧 1999红岩电视剧 继承者们电视剧国语版全集 中国的穿越电视剧 海潮海落电视剧 林夏是哪个电视剧 韩国电视剧集最受欢迎 古天乐和杨幂的电影电视剧有哪些 电视剧永远不放过你 阿拉伯之夜 电视剧 韩国电视剧集最受欢迎 现代电视剧评价高的 电视剧永远不放过你 刘海戏金蟾电视剧一共多少集 阿拉伯之夜 电视剧 电视剧大全今生缘 关于刘伯温电视剧全集 2015电视剧播放时间 电视剧铁道游击队插曲 林夏是哪个电视剧 一集一个小故事的电视剧 阿拉伯之夜 电视剧 电视剧毛泽东下部分 电视剧炮神片尾曲 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 探险日记1 xiao周周 末 日 曾以为天永恒不灭 这个城市的回忆 亚星游戏官网 欧博官网 皇冠登3出租 万利游戏官网 快连下载 电视剧明星杨洋的照片男 关于刘伯温电视剧全集 继承者们电视剧国语版全集 一集一个小故事的电视剧 古装好笑的电视剧 金缕义电视剧 电视剧播放费用 电视剧我的前半生第42集视频 阿拉伯之夜 电视剧 1999红岩电视剧 电视剧永远不放过你 海潮海落电视剧 关于楼兰古国的电视剧 阿拉伯之夜 电视剧 一集一个小故事的电视剧 关于楼兰古国的电视剧 林海雪原电视剧哪个台播放 林夏是哪个电视剧 古装好笑的电视剧 电视剧明星杨洋的照片男 电视剧大全今生缘 电视剧请手下理发洗澡 2003上映的古装电视剧 1999红岩电视剧 香港电视剧同人小说 韩国电视剧集最受欢迎 电视剧铁道游击队插曲 电视剧炮神片尾曲 2015电视剧播放时间 电视剧炮神片尾曲