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
张继聪的电视剧枪口女人 电视剧全集电视剧白鹿原多少级电视剧大哥讲的是什么歌电视剧林海雪原 常宝张继聪的电视剧海青 电视剧电视剧白鹿原多少级神犬小七电视剧图片何中华所有的电视剧听见凉山电视剧人物张继聪的电视剧范冰冰在哪部电视剧有吻戏听见凉山电视剧人物电视剧白鹿原多少级何中华所有的电视剧铃木保奈美演过的电视剧电视剧林海雪原 常宝电视剧林海雪原 常宝别人推荐的好看的爱情电视剧神犬小七的电视剧红警电视剧下载神犬小七电视剧图片男主被刑讯的电视剧电视剧碟海花关于富家女的电视剧电视剧大哥讲的是什么歌恋恋不忘电视剧16别人推荐的好看的爱情电视剧点击量最多的电视剧武魂大陆，弱肉强食，武者为尊。 天才秦风拥有七级武魂，光明未来，却被青梅竹马夺取武魂，废其经脉丹田。 天无绝人之路，幸运的他得神秘奇遇，恢复根基。自此以后，他踏九天，上云霄，战神明，凌万古！ 有那么一类人天生就是王侯将相的命，他们一人之下万人之上，享受着翻云覆雨的快感，殊不知，在他们头顶，还有一顶帽子将他们死死扣着，这顶帽子上面就只有一个字：皇。 红尘俗世，纸醉金迷，当一位潜心修道的少年踏入其中时，又会发生什么样的奇缘？踏着尸骨累累的道路走来，完成成为皇者的征途。他，注定是成为皇的男人！ 求订阅！求票！ PS：这本书不会太监，长歌会坚持写完，就算没人看也一样！很久很久以前，有一座山，名为葬灵山；葬灵山的西边有条渊，名为无相之渊；无相之渊的西边，有一座学府，名为真武院；而故事，则要从葬灵山东边的那座凌天帝国讲起……［友情提示：本书没有系统，搞笑玄幻，情节紧凑，热血有脑，后面更精彩！］ 叶泽执行任务时被同行的师兄暗下杀手，走投无路跳入禁地烈风洞，幸得随身玄天玉显威相救。 后得美人画卷，为了你，我愿意与天地为敌！ 菩萨低眉，所以慈悲六道！ 撒旦低头，所以血流成河！ 以撒旦之名，专职杀戮，他要当最强的那个男人！ 最燃的都市，且看一个男人如何成就霸业，成为傲立巅峰的一代传奇！ 　　【七少出品，铁血霸气】 撒旦军团群：198247503 石庆猛，原名石猛。1993年6月21日出生在罗溪村7组，2014年10月1日正式发布小说，以笔名石庆猛活动在文学界，可以说文网中一朵未绽放的花朵，其作品包括诗歌、传记、短篇小说、长篇小说。全球苏醒，灵气复苏为什么想要变强,因为所在乎的人需要我去守护。无限流系统搞笑来袭，看我修神良秀翻四方，这位小友，你准备好小钱钱了吗 天上仙人，染指人间久矣。 今我大秦既立，大秦国土之上，当无仙人立锥之地。 大秦诸位臣民，朕，先走一步了。 吾，大秦太子，以大秦之名，携人间之力，倒卷天上，从此，再无天上人间之分。平行时空，异世为人，不是王侯将相，没有未卜先知，唯有科学，唯有革命，你有你的孙子六韬，我有我的论持久战，论游击战。 本书又名寒门人士发家记，这个人怎么什么都懂，我在异界当龟公的那些年，天下石人一只眼，始知我命由我不由天
王二浪的幸福生活 携鬼修仙 我的新时代家庭农场 魔证三千道 断剑成仙 幕后：戏耍气运之子 废柴的科技飞升 凤鸣桂花香 海贼之无敌后才开始签到 梵天君临 红哥的传奇人生 降灵之初 维度之上 重生：一念三千 星球无限 人生如戏， 去外面看一看 我在元宇宙里多角恋 关于冒险六章的那些事 活下去，活着 枪口女人 电视剧全集 何中华所有的电视剧 铃木保奈美演过的电视剧 电视剧林海雪原 常宝 枪口女人 电视剧全集 有一个电视剧女主角得花柳病死了 爱有奇迹电视剧 和春晖电视剧 有一个电视剧女主角得花柳病死了 范冰冰在哪部电视剧有吻戏 古装做生意的电视剧 古装做生意的电视剧 男主被刑讯的电视剧 何中华所有的电视剧 张继聪的电视剧 电视剧碟海花 太平天国电视剧剧情介绍 关于富家女的电视剧 青瓷电视剧 精彩 张继聪的电视剧 电视剧表白求婚片段 电视剧白鹿原多少级 青瓷电视剧 精彩 红警电视剧下载 和春晖电视剧 评分高电视剧 关于富家女的电视剧 青瓷电视剧 精彩 神犬小七的电视剧 关于富家女的电视剧 电视剧林海雪原 常宝 电视剧表白求婚片段 电视剧大哥讲的是什么歌 张继聪的电视剧 男主被刑讯的电视剧 电视剧碟海花 电视剧陈翔 爱有奇迹电视剧 男主被刑讯的电视剧 电视剧陈翔 电视剧碟海花 安托万夫人电视剧免费 别人推荐的好看的爱情电视剧 太平天国电视剧剧情介绍 听见凉山电视剧人物 电视剧表白求婚片段 古装做生意的电视剧 电视剧碟海花 评分高电视剧 海青 电视剧 亚星官网 亚星游戏官网 亚星游戏官网 亚星官网 亚星官网 重生82之商业帝国 剑破恒明 觅路行 那年花开落满山 重逢艾泽拉斯 万利官网 欧博官网 百家乐官网 万利官网 欧博官网 男主被刑讯的电视剧 电视剧怎么拍下雪 电视剧碟海花 铃木保奈美演过的电视剧 神犬小七的电视剧 和春晖电视剧 爱有奇迹电视剧 听见凉山电视剧人物 枪口女人 电视剧全集 点击量最多的电视剧 电视剧怎么拍下雪 电视剧怎么拍下雪 有一个电视剧女主角得花柳病死了 恋恋不忘电视剧16 神犬小七的电视剧 青瓷电视剧 精彩 古装做生意的电视剧 别人推荐的好看的爱情电视剧 电视剧大哥讲的是什么歌 海青 电视剧 神犬小七的电视剧 电视剧白鹿原多少级 爱有奇迹电视剧 红警电视剧下载 青瓷电视剧 精彩 范冰冰在哪部电视剧有吻戏 电视剧怎么拍下雪 别人推荐的好看的爱情电视剧 铃木保奈美演过的电视剧 爱有奇迹电视剧