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
无为天气记录九江春天气预报五里川镇天气预报浙江舞龙峡天气海南2017年10月天气无为天气记录冬季兰州天气五里川镇天气预报珲春历史天气预报查询祁东区天气预报一周山西乔家天气预报五里川镇天气预报海南的9月份天气山西乔家大院天气预报30福建牛姆林天气预报一周祁东区天气预报一周今晚全国天气预报2017十月份海南的天气表2017十月份海南的天气表循化县6月份天气珲春月的天气预报2017十月份海南的天气表珲春历史天气预报查询2017年11月6日杭州天气海南2017年10月天气11月15日杭州的天气2017年10月海口天气情况2017年11月6日杭州天气循化县6月份天气海南的9月份天气江小纯穿越成一个胎儿，旁边是重生女帝！ “别闹了！” 江小纯无意一脚踹出，竟然调动荒古圣体。 重生一世的鸿天女帝，刚轮回成为婴儿，遇见圣体胞弟，本是心生夺舍，不料被胞弟一脚踹了出去。 不可一世的女帝，直接早产！邪魔入侵，乱世已至。 被杀死的人皇背后隐藏着怎样的秘密？ 诸神混战，人族的先辈又去了哪里？ 战败的士兵逐渐失去了纪律； 无家可归的流民拿起了镰刀； 混乱逐渐取代秩序； 直到那持刀的少年从火焰中历练而出！ 王陵穿越到魂兽横行、全球武魂觉醒的平行世界。 开局绑定外附武魂混元道宫，觉醒王者级双生武魂生灵圣火和混元神火，产生顶级武魂异像，震惊全球！ 混元道宫加速时间，魂植成长速度是外界的千倍万倍！ 生灵圣火与混元神火更是炼丹神物！ 一举成为神级炼药师，复兴华夏炼药事业，成为世界第一！ 所有人都认为他只是一名神级炼药师，毫无武力值。 直到有一天，魂兽侵袭生灵涂炭，人族危在旦夕。 王陵从天而降，手持宫殿脚踏神火，大手一挥，轻易化解了魂兽危机。 全世界才恍然大悟，将他供为神灵！ 天宫宫主：“妖孽如此子，天佑我华夏！” 米国战神：“我不是他的一招之敌。” 魂兽之王：“如果不臣服于他，我就只有死路一条。” 帕特农神女：“他的炼丹之术让我望尘莫及，希望能与他‘单独’探讨炼药技术和魂植生命的起源。” 王陵：“其实我只想低调的做一名炼药师而已，但实力不允许啊！” 为何习武？因为世道不公，我有一把刀，一刀扭正这世道！ 为何又修仙？因为天不公，人心不公，我有大神通，扭正天地人心！ 为何还叛仙？因为仙不及魔豪迈，我成帝位，三千大世界便再无仙无魔，皆是吾臣民！ 为何守御三千大世界？因为她，她邀我相聚黄花下。我希望这部作品能涵盖上至弘达庄严的创世神话，浪漫史诗，下至充满奇趣的凡间故事，中国五千年的悠久历史，展现了宏大的画卷，波澜壮阔的背景，开拓了我们的想象力，让我们看到了人性的光辉。深邃的思想，和人性的真实。游轮失事，一觉醒来发现自己身处荒岛之上，身边相伴的却是朝思暮想的豪门千金…… 荒岛之上，和女神一起打造我的世界！之前重生99次，叶凡都被系统因为各种原因坑死了。 这一世他想只想做一条躺平的咸鱼，让修炼见鬼去吧！ 于是，系统含泪帮叶凡签到，极品灵宠却差点被叶凡端上饭桌； 极品功法被叶凡拿去垫了桌子腿； 绝世神兵成了新的烧火棍！ 【警告！宿主即将遭受毁灭性打击！】 【警告！唉算了，启动自动反击程序……】 系统：宿主，你就不能假装修炼一下吗？　　这是全人类的末世。 　　物种变异。 　　物质生灵。 　　妖魔鬼怪横行。 　　人类危矣。 　　没人能确定是否能看到曙光。 　　所有人怀揣着绝望去寻觅它。 　　哪怕这是全人类的末日， 　　也要在死神或命运的棋盘中挣扎， 　　用尽最后一口气， 　　不休。 　　ps：后期世界观会扩大的，别方。公元2439年冬季，突然爆发全球性未知传染病……　　我徐阳穿越异能世界，激活神级异能，从此成为战神。 我 　　
边镇刀声 武纵天途 紫微星现世 永夜 幻生秘遇 杀手的小可爱 楚天子 西游：这条龙有点不一样 盗迷之八子连珠 穿越！第五人格 问罪者 神武古帝 异界我真不是玩家 怒血帝婿 造神局 我们的神族 三国：认贼作父，我比吕布还猛 始源武神 开局卡Bug，偷听鬼怪心声 最强战神之末日求生 11月10日黄山天气预报一周天气预报 小江天气预报 今晚全国天气预报 海南2017年10月天气 11月10日黄山天气预报一周天气预报 循化6月19日天气 汕尾新闻天气预报 石 家庄天气 11月15日杭州的天气 3月11日舞龙峡天气 珲春历史天气预报查询 五月底海南的天气 2017年11月8号杭州天气 小江天气预报 无为天气记录 海南2017年10月天气 汕尾新闻天气预报 11月15日杭州的天气 无为2月12日天气 五里川镇天气预报 小江天气预报 福建牛姆林天气预报一周 九江春天气预报 山西乔家大院天气预报30 祁东区天气预报一周 2017年11月8号杭州天气 11月15日杭州的天气 九江春天气预报 无为2月12日天气 11月15日杭州的天气 海南2017年10月天气 山西乔家天气预报 浙江舞龙峡天气 无为天气记录 2017年11月6日杭州天气 海南2017年10月天气 浙江舞龙峡天气 今晚全国天气预报 2017年11月8号杭州天气 福建牛姆林天气预报一周 2017年10月海口天气情况 3月11日舞龙峡天气 5月29日天气大辣甲岛 汕尾新闻天气预报 山西乔家大院天气预报30 小江天气预报 五月底海南的天气 2017年10月海口天气情况 2017年11月8号杭州天气 冬季兰州天气 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 不太正经的明日方舟 渡魔调查社 燹武录 神探5118 被闪电击中意外获得异能 万利官网 欧博官网 皇冠登3出租 万利官网 快连下载 7月8日珲春天气历史 海南的9月份天气 海南2017年10月天气 11月15日杭州的天气 循化县6月份天气 7月8日珲春天气历史 山西乔家天气预报 2017十月份海南的天气表 珲春历史天气预报查询 山西乔家大院天气预报30 祁东区天气预报一周 五月底海南的天气 石 家庄天气 无为天气记录 海南的9月份天气 九江春天气预报 11月15日杭州的天气 11月10日黄山天气预报一周天气预报 今晚全国天气预报 2017年10月海口天气情况 今晚全国天气预报 11月15日杭州的天气 五月底海南的天气 今晚全国天气预报 无为天气记录 汕尾新闻天气预报 无为2月12日天气 循化县6月份天气 无为2月12日天气 石 家庄天气