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
好看的古装男子漫画bl漫画中村明日美子好看的古装男子漫画小林雏类似漫画邪恶漫画神在人间图片魔卡少女樱樱狼恋 漫画五角星毕业照漫画后宫漫画在线黑执事污的漫画文豪野犬漫画哦漫画3d无遮挡漫画好看的古装男子漫画我们三个人韩国漫画邪恶漫画之新装备后宫漫画在线文豪野犬漫画哦漫画漫画世界史上第一妖邪恶漫画伊利亚小黑邪恶漫画伊利亚小黑如此男人漫画第11话百变小樱漫画桃雪邪恶漫画伊利亚小黑黑执事污的漫画很黄的漫画 中国邪恶漫画神在人间图片我的英雄学院小漫画小林雏类似漫画很黄的漫画 中国如此男人漫画第11话我们三个人韩国漫画我叫宋小江，我有108个师姐，大师姐倾国倾城，武力滔天！ 二师姐温文尔雅，琴棋书画样样精通！ 三师姐医术超凡，妙手回春…… 她们一会儿说要把公司给我，一会儿让我当殿主，一会儿又让我当战神，这可如何是好？ 在线求解，挺急的！不爱写个人简介一场封神大战，尘埃落定，埋藏过往！ 那些前世情缘、封神旧恨，似乎随风而逝，万年后，一个冷血杀手，踏月而来，带领一众妖女诛仙斩神！ 云海天涯两渺茫，何日功成名遂了，还乡！ 醉笑陪公三万场！ 不用诉离觞！我已经过悲痛，为了不让更多人却承受这种痛苦，我潜心修行，为的就是有一天能替天行道。 我只杀该杀之人，只除该除鬼妖。在下并非圣人，不值得救那便不救。 但又何尝不是人心比鬼要更恶呢…… 东汉末年，汉室崩塌。 刘闲意外穿越到这乱世，开始一段传奇人生。 利用遥遥领先这个时代的知识，收名将，戏红颜，混的风生水起。 同时训练出一支傲视当世的铁血精锐。 刘姓为王，大浪淘沙。 待一切尘埃落定之后，一个完全不同的大汉帝国重新出现在了大地的东方。规培医生王磊应聘失败，却获得透视脏器能力，更有神级手术技巧。 幼儿误诊，即将死亡，王磊：我看到了，支气管断裂，马上手术。 主刀医生误伤主动脉，鲜血喷到天花板，王磊轻松搞定。主刀：幸亏王磊在。 农庄爆发奇怪病症，全市医生晕头转向，大佬：快去请王磊！ 小小的乡卫生院逐渐成为世界医学中心，无数患者和名医云集于此，周边房价超过市中心。 这一切，都是因为一个人。 塑圣魂，觅长生，热血前行，登仙道！ 普通版本简介：陆有恒在陪女朋友逛街加班途中，撞到一根诡异的电线杆上重生了。重回十年前大一入学之际，平平无奇（俊雅清逸）的陆有恒只想通过前世记忆经验，合理安逸轻松地做个普通人。 装逼版本简介：数学分析习题中神秘遁去的“三”，开启了陆有恒的玄妙装逼之路，“鸿蒙剖破玄黄景，又在人间治五行。度得轩辕升白昼，函关施法道常明”的太上道祖，与陆有恒究竟有何关联？ 穿越遇到兵灾，城外人食人。 世道兵荒马乱，我只想和逃难来的小婢妻努力活下去。 　唐听白魂穿异界，成为大燕皇帝，觉醒最强王者系统，不断完成系统任务，获得王者英雄！ 　　斗文臣？派个诸葛亮就够了！ 　　收兵权？我儿奉先何在？ 　　剿灭叛乱附属国？关羽、孙策你俩去吧！ 　　朝堂得意，唐听白的后宫更是幸福。 　　妲己：请尽情吩咐妲己，主人。 　　大乔、小乔：皇上~，你好坏。 　　钟无艳：哈哈哈，亮个相吧，小宝贝！ 　　短短两年大燕国力恢复，平北方四岛、灭南方诸国、战南印天竺、剿西方波斯。 　　然而，故事才刚刚开始。 　　还有更多的英雄等待唐听白的召唤……
江湖有你才有传奇 拿脚想的剧本都比戴卡强 未日没神录:司令前传 我真的不想这么渣！ 八目玉 宇宙地球人间游戏 极境1：孤命 齐毒 定世不朽 我即天命系统 猛龙走天涯 灵异：黑暗最深处 木头枕头 红楼：开局便娶秦可卿 道远知骥 白雪下的蓝天 落晴鸢 天地任我行之一 什么？我居然没有系统？ 乱世豪杰传奇 绑架动漫女学生漫画 漫画女孩舌头图片 漫画世界史上第一妖 邪恶漫画神在人间图片 绑架动漫女学生漫画 高叉泳衣美少女漫画 和隔壁姐姐的漫画全集 小栗小桃lovelove漫画 我的英雄学院小漫画 我们三个人韩国漫画 黑执事污的漫画 黑森林漫画图片高清大图 日本邪恶漫画全彩网址大全 漫画女孩舌头图片 魔卡少女樱樱狼恋 漫画 邪恶漫画神在人间图片 和隔壁姐姐的漫画全集 我的英雄学院小漫画 百变小樱漫画桃雪 好看的古装男子漫画 漫画女孩舌头图片 后宫漫画在线 bl漫画中村明日美子 邪恶漫画之新装备 文豪野犬漫画哦漫画 日本邪恶漫画全彩网址大全 我的英雄学院小漫画 bl漫画中村明日美子 百变小樱漫画桃雪 我的英雄学院小漫画 邪恶漫画神在人间图片 漫画女孩舌头图片 骸音漫画第一话 魔卡少女樱樱狼恋 漫画 很黄的漫画 中国 邪恶漫画神在人间图片 骸音漫画第一话 漫画世界史上第一妖 日本邪恶漫画全彩网址大全 后宫漫画在线 小林雏类似漫画 刀剑神域漫画mobi 美人鱼漫画人物介绍 黑森林漫画图片高清大图 邪恶漫画之新装备 漫画女孩舌头图片 黑森林漫画图片高清大图 小林雏类似漫画 日本邪恶漫画全彩网址大全 五角星毕业照漫画 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 江湖有你才有传奇 落地成盒：泉水指挥官 飞天英豪 宇宙地球人间游戏 定世不朽 万利官网 欧博官网 皇冠登3出租 万利官网 快连下载 巫女岛漫画全集 扶她巨乳漫画下载 好看的古装男子漫画 漫画世界史上第一妖 邪恶漫画伊利亚小黑 bl漫画中村明日美子 我们三个人韩国漫画 美人鱼漫画人物介绍 美人鱼漫画人物介绍 五角星毕业照漫画 漫画世界史上第一妖 刀剑神域漫画mobi 百变小樱漫画桃雪 和隔壁姐姐的漫画全集 日本邪恶漫画全彩网址大全 我的英雄学院小漫画 邪恶漫画神在人间图片 黑执事污的漫画 好看的古装男子漫画 邪恶漫画之新装备 如此男人漫画第11话 我们三个人韩国漫画 小林雏类似漫画 如此男人漫画第11话 扶她巨乳漫画下载 五角星毕业照漫画 五角星毕业照漫画 小栗小桃lovelove漫画 刀剑神域漫画mobi 漫画女孩舌头图片