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
宿州到仪征汽车时刻表园洲至博罗汽车站重庆潼南江北汽车站列车时刻表安康汽车票网上订票官网芜湖到全椒的汽车宿州到仪征汽车时刻表苏州站到大连的汽车站重庆潼南江北汽车站列车时刻表溧阳上沛汽车时刻表邵阳去贵州山都的汽车站瓯北到义乌汽车宿州到仪征汽车时刻表旅顺到大连汽车贺州到肇庆汽车时刻表重庆潼南江北汽车站列车时刻表邵阳去贵州山都的汽车站平山到石家庄北站长途汽车长沙南站到岳阳汽车长沙南站到岳阳汽车福清一上海汽车时刻表查询衡阳东站到衡阳汽车站长沙南站到岳阳汽车溧阳上沛汽车时刻表泰安到沭阳汽车时刻表查询芜湖到全椒的汽车东莞东坑汽车客运站安康汽车票网上订票官网宁波哪里卖汽车迁安到廊坊几点有汽车旅顺到大连汽车高卧九重天，蒲团了道真。 天地玄黄外，吾当掌教尊。 盘古生太极，两仪四象循。 一道传三友，两门道魔分。 天地都领袖，一气化天元。 贫道天元子，天道有感，当为众生开灵智，传无上妙法。一月之后于东海之滨开坛讲道，有缘者皆可听之。修炼一途，儿女情长，恩怨情仇，漫漫长路只为寻道求缘，若知，道在人为！意外融合古兽，让他的修炼一途成为领异标新，与天斗与地争，傲睨万物！一路上坎坷千万，却也没有阻挡住他的脚步。或许有人说他贪婪，残忍！的确，只要是灵石宝物都会被他收进囊中，对于敌人更是不会心慈手软。他的热血，关心和微笑，只会留给身边的人！?和主角一般，一路艰辛走过，不放手，不放弃，绝对会完本！传闻大禹每逢七百年将遇巨变，而江山的传承将要落到萧正的肩膀上，仁帝为摆脱魔咒，传他大禹帝王阁无上经文。而后上青云峰入玲珑观，得‘机缘道人’点拨，心智也变得成熟。待到一切安排就绪，美人在怀，情丝渐深。朝堂和江湖的纷乱也逐渐露出了端倪......天灾过后，就是人祸。 经历了大灾的人们在一片废墟之中重建新的制度。 可重建的路上布满了血腥和骸骨。 一位连自己身份都不知小的少年，原本只想在乱世之中苟活，却没有想到一步步走向了不可控的未来之中......他离开后，天地受异族侵略，万千宗族刹那间变成灰烬。受天地所赐拥有十八神体的少年主动挑起了大梁，战至四肢尽灭，战至万里血浆！ 只为诸君战四方，莫言人族无人皇！杀！世界上没有对与错，只有强和弱，没有未完的事，只有未完的心。跨越5000年的历史战争未完待续，要相信每段命运都要背负属于自己的十字架，若生命赐予你无数张面孔，你会选择哪一张？想念是一种仪式，但真正的记忆与生俱来，在他18岁那年被历史的命运紧紧拴住后，他做苍白的反抗，换来的，是更苍白的妥协……[泛科幻·爽文·末世·丧尸]2199年，地球上的人类被迫通过各种方式重新认识“自己”。 原来，他们并不是地球原本的主人，或许，地球原本就没有主人。 苏美尔人与海王族人第一次星际战争延宕了100年之久 2199年， 战争和恶劣的自然条件使得人类数量迅速下降，从2099年的40亿暴风骤雨般地消减至1亿1千万 元世界被地球M国、约等国等瓜分为紫微星、太白座HDD等十三个区域，新的秩序即将来袭。。。 陈建国，这个D类人不知怎么就被推了上来。丧尸、修炼、称霸外星球。。。。 在地球，一亿多人被划分为A B C D四个等级，规则意识无处不在，为了保证生育质量，只允许A B 等级的人结婚。。 本平平无奇，却又历经无数灾变与机缘，只因大道天选。力战仙魔，背后却仍是危机，他，能否护住这世界？天外有天，人外有人，当他立于灵武大陆最尖端时，才晓得，更大的世界在这片湛蓝天空之外……架空历史+穿越异界+女帝+多女主 他与网恋小女友打电话，突发意外，离奇穿越异界，却遇到成为女帝的网恋小女友，这期间到底发生了什么？ 他落在一张床上，可这却是女帝的凤榻，他将如何抉择？ 他舌战朝堂群臣，可女帝却不是很满意，他将如何应对？ 他制作现代的物品，可女帝不止想要一样，他将如何满足？ 他征伐大陆永不歇，可女帝仍旧保持否认，他将如何证明？ 他功高盖主欲娶帝，但女帝最后如何选择，他最后能否娶？ 一位新时代青年在异界的成帝之路，他将如何一步步登顶帝位与女帝同起同坐。 让我们拭目以待吧！重生成为敖丙，眼前这小孩莫非是哪吒？难道要成为那个被抽筋扒皮的倒霉蛋？不行，一定要改变自己的命运。 神秘人出现，他要修正那段剧情让敖丙彻底消失。 敖丙顿足捶胸，仰天长啸:“老子怎能让你如愿！” 纣王侮辱女娲娘娘，那就不让他进庙。 什么！妲己已经下凡了？敖丙请旨娶妲己。 “我敖丙是不会让你剧情恢复的。” ……
创生纪元 网游之下呀下大雨 我真的没开挂 望枫天地行 妖孽小书生 全球御兽：开局觉醒SSS级天赋 行走在理想尽头的旅者 青春期间的一些故事 末路狂谍 封闻大陆 系统大战老爷爷 真我传之尘间旧事 龙城战歌 这平凡的一生 御临十方：十珏 玩家还是玩具？ 无字天书之仁武天下 付振庭三进怀柔城 我出生带有魔道圣体 苍灵神尊 衡阳东站到衡阳汽车站 瓯北到义乌汽车 苏州汽车客运站网上订票 安康汽车票网上订票官网 衡阳东站到衡阳汽车站 宣化去北京的汽车站时刻表 苏州站到大连的汽车站 盐城上海汽车时刻表查询系统 园洲至博罗汽车站 汶川到理县汽车时刻表 番禺有到东莞的汽车吗 番禺有到东莞的汽车吗 天津到濮阳的汽车 瓯北到义乌汽车 迁安到廊坊几点有汽车 石狮到杭州汽车 平山到石家庄北站长途汽车 园洲至博罗汽车站 溧阳上沛汽车时刻表 福清一上海汽车时刻表查询 贺州到肇庆汽车时刻表 济南到侯马的汽车 黄岛至莱阳汽车站时刻表 贺州到肇庆汽车时刻表 邵阳去贵州山都的汽车站 泰安到沭阳汽车时刻表查询 东莞东坑汽车客运站 园洲至博罗汽车站 衡阳东站到衡阳汽车站 东莞东坑汽车客运站 芜湖到全椒的汽车 盐城上海汽车时刻表查询系统 安康汽车票网上订票官网 宿州到仪征汽车时刻表 宁波哪里卖汽车 芜湖到全椒的汽车 石狮到杭州汽车 番禺有到东莞的汽车吗 泰安到沭阳汽车时刻表查询 石狮到杭州汽车 芜湖到全椒的汽车 温州双屿汽车站时刻表 福清一上海汽车时刻表查询 邵武到大田汽车站 贺州到肇庆汽车时刻表 盐城上海汽车时刻表查询系统 溧阳上沛汽车时刻表 安康汽车票网上订票官网 迁安到廊坊几点有汽车 苏州站到大连的汽车站 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 猿神录 我以一指，镇压诸天 流浪在仙界 天赐使徒 真是个迷糊蛋 快连下载 亚星游戏官网 亚星官网 快连下载 亚星管理平台 温州双屿汽车站时刻表 邵阳去贵州山都的汽车站 宣化去北京的汽车站时刻表 汶川到理县汽车时刻表 苏州汽车客运站网上订票 园洲至博罗汽车站 苏州站到大连的汽车站 安康汽车票网上订票官网 番禺有到东莞的汽车吗 安康汽车票网上订票官网 福清一上海汽车时刻表查询 芜湖到全椒的汽车 黄岛至莱阳汽车站时刻表 瓯北到义乌汽车 黄岛至莱阳汽车站时刻表 迁安到廊坊几点有汽车 园洲至博罗汽车站 黄岛至莱阳汽车站时刻表 安康汽车票网上订票官网 园洲至博罗汽车站 天津到濮阳的汽车 重庆潼南江北汽车站列车时刻表 天津到濮阳的汽车 苏州站到大连的汽车站 泰安到沭阳汽车时刻表查询 苏州汽车客运站网上订票 盐城上海汽车时刻表查询系统 平山到石家庄北站长途汽车 济南到侯马的汽车 邵武到大田汽车站