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
垛田天气预报15天云南省红河州个旧市天气预报白洋淀天气30天华 天气现象福建紫帽天气预报垛田天气预报15天窑街 天气白洋淀天气30天个旧天气预报一周天气五月底清迈天气承德2016年11月天气垛田天气预报15天布鲁塞尔15天气预报而尔及利亚的天气预报白洋淀天气30天五月底清迈天气窑街镇天气清迈五月底的天气清迈五月底的天气美国奥兰21日天气预报云南个旧市卡房天气预报清迈五月底的天气个旧天气预报一周天气历史天气1234福建紫帽天气预报8月16日邯郸天气华 天气现象大连天气平均气温12月的清迈天气预报布鲁塞尔15天气预报本作品描述的是一个穿越到异世的人在修改器的帮助下成为了世界霸主后的故事，讲述了他们的日常是如何交流的，由于是后宫文所以女性很多，不过会将她们的故事慢慢的讲出来，在这里只有“和谐”，具体的就请去故事里探索了。 ?少年被家族遗弃，遭受刺杀修为被废。 危难之际开启镇魂世界，神秘女子百般磨练，终修剑道。 自此修行坦荡，领悟无上剑道，修不灭剑体。 修武技，破苍穹，入圣域，掌握天下权，醉卧美人膝，翻手为云，覆手为雨， 轻挥手中剑，剑出移山镇海，诸天星辰陨落，横断八荒四野； 九洲雷霆动，剑气侵万古，临绝世剑神。林天在机缘巧合之下穿越到上古世界，在这个充满了练体，练气的世界他会有怎样的一番作为呢....... 人，生如夏花，死归浮尘，当深渊降临，我凝望深渊，只为长生！由于自然环境的破坏导致这世上出现了一批能力者，而恽晨就是其中之一。 原本想一直隐藏自己身份的恽晨却碰巧遇到了改变他一生的世界少女——林夕。 而这个世界的真相也将逐渐浮现.......当捣蛋鬼横行漫威世界，初灯照耀创世的曙光，当盲目与痴愚之神的混沌包裹整个漫威世界之时，哪些曾经的超级英雄是否还能像电影里一样拯救世界？这是一个有关来自异界的旅客在漫威搞事情的故事身处寒舍不自贫，心有亭阁自逍遥。家父亡故，家母病逝，唯遗一屋，一青衣，看苏翎如何乐在其中，自在逍遥。在某个时代，大陆上出现了两大种族,一个是人族,一个是魔族。一个少年,立志成为名魔法师,奈何上天给他开了个很大的玩笑。主角:神马,我是魔法师么,怎么不能使用魔法呢? 主角敌人:我擦,使用魔法使用魔法呗,怎么上来就用禁咒最次还是高级魔法。 人族:这货可以带领我们走向胜利。 魔族:这个人类很牛逼,我们搞不过他,不如派美女诱惑吧。 搞笑模式正式启动。启动加载99%。加载失败,重新加载中本小说主要写的是男主人公的成长经历上的各种事儿，如有雷同，纯属巧合。我所以为的自由并不是真的自由，因为在我的每个人生道路前都有那么一个人在推动，事实上我也不确定我接下来走的路会是什么样的，因为，我从来没有真正做主过。
永夜 诸天副本：开局就是无敌潜力 部落首领 封澜传 灾噩时代 最后一个捉鬼道士 大道之行： 众神武纪 重生：星辰剑帝 帝国第一纨绔 人在三国，开局收吕布当义子 打鬼记之校园 狼帝至尊 荒古血帝 吞天帝仙 末日世界的蔷薇 紫金之路：重生黄曼巴 大唐说书人：揭秘玄武门，李二懵了 成长：少年的一生 玄珠记 黑河市 8月天气预报 观云识天气象宣传 窑街镇天气 清迈五月底的天气 黑河市 8月天气预报 江苏兴化垛田天气 重庆八月份天气表 形容重阳节天气 8月16日邯郸天气 布鲁塞尔15天气预报 个旧天气预报一周天气 个旧天气预报一周天气 历史天气1234 五月底清迈天气 海口天气乐东天气预报 福建紫帽天气预报 重庆八月份天气表 8月16日邯郸天气 云南个旧市卡房天气预报 垛田天气预报15天 观云识天气象宣传 白洋淀天气30天 云南省红河州个旧市天气预报 而尔及利亚的天气预报 五月底清迈天气 历史天气1234 8月16日邯郸天气 云南省红河州个旧市天气预报 云南个旧市卡房天气预报 8月16日邯郸天气 福建紫帽天气预报 观云识天气象宣传 华 天气现象 垛田天气预报15天 历史天气1234 福建紫帽天气预报 华州天气一个月天气 重庆八月份天气表 历史天气1234 华州天气一个月天气 福建紫帽天气预报 上海启东天气预报 美国奥兰21日天气预报 5月上旬西湖天气 而尔及利亚的天气预报 观云识天气象宣传 个旧天气预报一周天气 华 天气现象 12月的清迈天气预报 窑街 天气 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 全民偷师我创造的功法 重生之绝世废少 从灵气复苏开始变强 世界，重启 全民杀戮:开局掠夺神级机缘 欧博官网 亚星官网 亚星官网 快连下载 亚星管理平台 大连天气平均气温 垛田天气预报15天 5月上旬西湖天气 2016年3月天气记录查询 个旧天气预报一周天气 华州天气一个月天气 海口天气乐东天气预报 华 天气现象 上海启东天气预报 崞阳天气预报一周 华 天气现象 江苏兴化垛田天气 布鲁塞尔15天气预报 重庆八月份天气表 窑街镇天气 观云识天气象宣传 清迈五月底的天气 个旧天气预报一周天气 12月的清迈天气预报 垛田天气预报15天 美国奥兰21日天气预报 云南省红河州个旧市天气预报 五月底清迈天气 崞阳天气预报一周 黑河市 8月天气预报 8月16日邯郸天气 云南省红河州个旧市天气预报 清迈五月底的天气 8月16日邯郸天气 历史天气1234