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
济宁到连云港徐州火车时刻表汉口到南昌有火车吗上海-金昌火车票成都到达州火车票当天西柳盘锦的火车站时刻表济宁到连云港徐州火车时刻表火车票的工上海-金昌火车票重庆北到合肥南火车时刻表查询丹阳至苏州最新火车时刻表凯里到安顺普通火车时刻表上海-金昌火车票阜阳到芜湖火车票价凯里到安顺普通火车时刻表北京到沈阳k95次火车时刻表丹阳至苏州最新火车时刻表邯郸到石家庄有火车吗南京到嘉兴的火车几点南京到嘉兴的火车几点即墨到济南额火车时刻表宁波到乌鲁木齐火车动车南京到嘉兴的火车几点重庆北到合肥南火车时刻表查询北京至南京火车票z西柳盘锦的火车站时刻表大连-任丘火车陕西石泉火车北京至南京火车票z即墨到济南额火车时刻表阜阳到芜湖火车票价游戏俱现,五开玩家李长生,突然获得五个号的修为! 别人满级200,李长生:“我1000级什么鬼?” 别的玩家只能选一个职业,李长生:“你见过八块腹肌的法师吗?” 小白,嘿嘿(? ??_??)?加油在小学生“我只是像救活她……”南陌城是个三线的小城市没什么特别吸引的或许是这样张清之在这里开了一家饮料店,店里有一条很奇怪的规矩便是不准带走,但也因为古怪留住一批古怪的顾客,也因此引出大家的故事……龚超怀揣着对军校的向往,如愿以偿来到黄楠省乘商市这所全国著名军队院校。下了火车站在乘商火车站,面对与想象之中完全不同的“接新”模式,龚超既期盼又忐忑地坐上校车到达了校区三号院。在这里,龚超将要度过他四年的军校生涯。四年间,他经历过、退缩过、坚毅过、成长过……让我们跟随男主人公的切身经历,品读这不同寻常的军旅生涯。师姐带师妹讨生活穿越【大武神】世界,成为一名外门魔教弟子,本以为这辈子彻底废了,没想到金手指到账了。 开局老天爷赐了一双慧眼,可以查看人生剧本! 随手在地牢捡了一名被关押的圣地女弟子,竟是女皇遗孀… 【姓名】:慕卿颜 【修为】:气武境八重 【命格】:女皇遗孀(紫)、天命皇运(紫)、皇朝气运(紫)、旺夫(紫)、主角光环(紫)寒冰女武神转世(紫) 【天命值】:85 【人生剧本】:《大武神》女主角 【好感度】:0 【近期天命机缘】:五个月后,皇灵教廷被攻陷…… … … 路上随手查看一名魔教弟子! 【姓名】:韩龙 【修为】:灵武境六重 【命格】:天命配角(蓝) 【天命值】:16 【人生剧本】:《大武神》天命反派狗腿子 【好感度】:-15 …… …… 随着人生剧本开启! 天命大反派,天命主角,天命配角,一一浮出水面!三世惨痛经历,让墨辰分辨善恶;体内生死棋盘,栖息神秘少女;练就御灵五术,重创辉煌时刻,至此君临天下。 爱人尸体面前他面如死灰,欲登天求习术只愿再现倾城之笑。叶云运气爆棚意外得到一个高纬度制造的次元面板, 并且利用面板走上了穿越诸天万界......谁说经商耽误修炼,凭借商道,他便纳尽天下之物;谁说奕棋消弥意志,凭借奕道,他得了部上古奇书。 以此两道,最终成就了他的神行之路。他凭此一路披荆斩棘,高歌猛进,开启了铁血征战、跌宕起伏的人生之旅。 为聚天下财,他创立扬天商盟;为报血海仇,他鏖战惊天世家;为解万古迷,他踏遍九州天下;为登通天路,他摘尽日月星辰。 越开元,破灵台,入天元,成金丹,踏神境,戮上仙,终得天道。什么仙、神,都将匍匐在他的脚下…….
澪囬燚:知雨梦幻 网游:我有逆天道具 大汉:老子千古一帝 女帝泪崩:反派师尊被曝光 沧御 大镇师 寄生魅影 紫薇大帝龙辉 渡尘,登仙 诛暗 符仙传人在都师 修真家族,稳健发育 校花女神别脑补,我们双向暗恋了 逍遥修仙长生传 网游:一把锄头行天下 我在都市直播练武,弟子三千万 夕阳下的疯狂 孤夜辞 赵国那些事儿 大秦:我靠读书系统成圣闲 西安到临汾火车途径 经过平原的火车站 邯郸到石家庄有火车吗 西柳盘锦的火车站时刻表 西安到临汾火车途径 枣庄西去济南总站的火车时刻表 邯郸到石家庄有火车吗 临清到海安火车票多少钱 大连-任丘火车 天津至十堰的火车卧铺 重庆北到合肥南火车时刻表查询 金华到青岛的所有火车时间表 k8401火车价格 经过平原的火车站 济宁到连云港徐州火车时刻表 西柳盘锦的火车站时刻表 太原到江油火车票 大连-任丘火车 保定至贵阳火车 上海-金昌火车票 经过平原的火车站 北京到沈阳k95次火车时刻表 汉口到南昌有火车吗 凯里到安顺普通火车时刻表 丹阳至苏州最新火车时刻表 k8401火车价格 大连-任丘火车 汉口到南昌有火车吗 保定至贵阳火车 大连-任丘火车 西柳盘锦的火车站时刻表 温州南到无锡的火车票时刻表查询 成都到达州火车票当天 济宁到连云港徐州火车时刻表 北京至南京火车票z 西柳盘锦的火车站时刻表 成都到达州火车票当天 邯郸到石家庄有火车吗 k8401火车价格 北京到沈阳k95次火车时刻表 陕西石泉火车 天津至十堰的火车卧铺 天津南站火车站服务电话 太原到江油火车票 凯里到安顺普通火车时刻表 经过平原的火车站 金华到青岛的所有火车时间表 陕西石泉火车 k8401火车价格 火车票的工 亚星官网 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 大明:开局上交双穿门 异世界:开局对战最强勇者 我的一米书屋 灵域时代 鬼帝之重启异世 欧博官网 葡京官网 AG真人 澳门葡京游戏官网 万利官网 北京到沈阳k95次火车时刻表 济宁到连云港徐州火车时刻表 成都到呼和浩特的火车时刻表查询 上海-金昌火车票 西柳盘锦的火车站时刻表 天津至十堰的火车卧铺 西柳盘锦的火车站时刻表 枣庄西去济南总站的火车时刻表 凯里到安顺普通火车时刻表 大连-任丘火车 重庆北到合肥南火车时刻表查询 北京至南京火车票z 丹阳至苏州最新火车时刻表 即墨到济南额火车时刻表 丹阳至苏州最新火车时刻表 重庆北到合肥南火车时刻表查询 天津至十堰的火车卧铺 丹阳至苏州最新火车时刻表 大连-任丘火车 天津至十堰的火车卧铺 火车票的工 汉口到南昌有火车吗 火车票的工 西柳盘锦的火车站时刻表 太原到江油火车票 西柳盘锦的火车站时刻表 天津南站火车站服务电话 南京到嘉兴的火车几点 宁波到乌鲁木齐火车动车 经过平原的火车站