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
狐妖小红娘漫画吹妖漫画饶了我吧 漫画狐妖小红娘漫画更新吗护士很累漫画僵尸妹妹漫画全集狐妖小红娘漫画吹妖漫画男主穿越开后宫的漫画狐妖小红娘漫画更新吗鬼父动画图片漫画版兄弟战争漫画奋斗篇邪恶漫画少女漫画之雪女狐妖小红娘漫画更新吗蜥蜴骑士漫画邪恶漫画少女漫画之雪女狐妖小妹小红娘漫画兄弟战争漫画奋斗篇我的双修女友漫画台fateuh线漫画僵尸妹妹漫画全集日本漫画is鬼胎漫画?D片fateuh线漫画鬼父动画图片漫画版前戏十足的污漫画火车上遇到痴汉污漫画拳皇98漫画黑白完整版火车上遇到痴汉污漫画关于孙悟空漫画有哪些日本漫画is小姐是新娘 漫画结局五代十国，乱世风云，后周显德年间，佛劫降世，佛门高僧入世消劫，引发了诸多江湖儿女的家国情仇，为天下太平演绎岀荡气回肠的传奇故事…… 　　寂寂夜空孤月寒，十七年离别茫茫。一念执真，南风绿依，盛颜银发证衷肠。 　　最是有情“负情蛊”，三年生离道心初。剑啸弦荡，逍遥慕云，一念倾情一生终。 　　啸引苍波，漫卷山河，心志难酬朱颜改。孤情骄阳，若玉独镜，小楼空照人何在？ 　　日月无改江山裂，金戈铁马雁泣血。渊鱼更龙，世宗执戟，风起云涌荡山岳…… 　　一缕清风，人间太平吹拂……女主意外穿越时空，来到了西游世界，投胎成三界的救世主，并结识唐僧师徒四人。 凭借着资质和努力，她很快习得法术，脱胎换骨。在这里，她也相遇了很多伙伴，和取经团队一起行侠仗义，除暴安良，这是个不一样的西游故事，不一样的人物设定，全新的西游之旅社畜石源，闲暇之余，最爱好看免费小说。 他甚至还有一个美好的梦想，躺在家里什么工作都不用做，光靠看免费小说就能迎娶白富美、走上人生巅峰...直到有一天，他看的免费小说里，突然出现一个闪烁着光泽的宝箱，石源下意识便点开。 “你寻到青铜宝箱*1，获得地摊大力丸*5。” “叮..检测到你当日当周阅读时长达标，符合看免费小说就变强系统激活条件，恭喜你获得现金奖励10000，特殊技能过目不忘*1..” “书中自有颜如玉，书中自有黄金屋，看免费小说就变强，拒绝一切套路！” “你寻到黄金宝箱*1，获得可控核聚变技术*1..寻到暗金宝箱*1，获得完整修仙功法*1...” 那一日，一个自称女反派的绝美女人从书中跳出，痛哭流涕告诉石源，战神XX率十万虎贲回归血洗她全家，寻求石源帮助。 石源：“战神是吧？十万虎贲是吧？统统镇压丢进X院照顾战神他全家的生意...” 学神李安然高考前夕被天降陨石砸中，没想到却意外获得了宇宙互联网的登陆资格。面对死灵族，封印着怪兽八梼的佣兵，最后能否成为拯救世界的力量？神秘的空间系元素亲和力，诡异的星辰剑，亚夏人的先祖吴道轩视乎留下了什么秘密……东方无双本是仙界一代剑仙，并创立了灵剑仙宫，他一生痴迷于剑道，仙宫的大小事务都交由他视如兄弟的东方烈打理，可最终却遭到了东方烈的背叛，在他即将陨灭之时将必生修为注入到自己的佩剑之中，掉落凡间……一段七代传承中医人的故事，一首普通人的悲欢喜乐 震惊！ 　　九旬老邪祟被当街殴打，并被捏断脖子；河畔女尸被人揪住头发，按在水里差点淹死；冤死灵童被强制劳动每天二十三小时五十九分钟，最终不堪重负，主动报案称有人虐待童工…… 　　吴甚：大家别听外面的人瞎说，其实世界上根本没有邪祟。 　　众人：我信你个鬼哦，你手里抓的是什么？ 　　吴甚看了看手里已经在翻白眼的吊死鬼，连忙发力，“蓬”的一下将其捏死，看着化为黑雾消散的吊死鬼，笑道：“诺，你们看，什么都没有，一切都是幻觉。”主角羽诺从虚无的静湖之上醒来，竟发现了与自己长相相似，特征却并不相似的人，突然惊醒，再次醒来则是在一片灰色的荒漠，另一个自己也从此出现，自称为罪，不仅复活了三名昔日挚友，就连他们身心也发生了改变。 在另一个自己罪的指引下，羽诺带领三名挚友不断挑战荒漠的恐怖之物，不断的攀爬，最终抵达终点，罪也向羽诺表明了自己的目的，监管整个原世界。【灵气复苏+沙雕+热血+异族入侵+友情+系统+觉醒异能】 李聪明觉醒系统后在一次偶然中发现，只要夸赞系统，系统就会奖励他各种各样，稀奇古怪的东西。 “系统，你就是神！” 【检测到宿主夸赞系统，奖励冰系异能修炼功法一本】 “系统，你简直就是万千系统里面最帅，最强的那一个！” 【奖励生命之树一棵】 “系统，你就是我的再生父母！” 【奖励小萝莉一只】 从此，这位少年就在拍马屁的道路上越走越远。
灵仙江湖 惶恐的我 大燕第一世子 无限天乩 大楚府兵， 猩红危机 鹏破九天 炎魔革命 云门弃少 武道寰宇 大头科员修仙记 迷灵诡探 逆袭修炼成仙 猫年狗月燕纷飞 暗夜狂歌 玄幻：我是气运大反派 弦引 天之道会发生什么 诡异世界：我有武道修改器 W语言 热血仙侠漫画大全 女朋友是黑社会漫画图片大全 我的双修女友漫画台 僵尸妹妹漫画全集 饶了我吧 漫画 关于孙悟空漫画有哪些 我的双修女友漫画台 药老传奇漫画版 拳皇98漫画黑白完整版 蜥蜴骑士漫画 男生被女生控制穿女装漫画图片 男生被女生控制穿女装漫画图片 好看的修仙逆天漫画 女朋友是黑社会漫画图片大全 狐妖小红娘漫画吹妖漫画 僵尸妹妹漫画全集 性欲倒错漫画 热血仙侠漫画大全 鬼邂逅漫画 狐妖小红娘漫画更新吗 女朋友是黑社会漫画图片大全 狐妖小红娘漫画更新吗 鬼邂逅漫画 fateuh线漫画 兄弟战争漫画奋斗篇 好看的修仙逆天漫画 热血仙侠漫画大全 饶了我吧 漫画 鬼邂逅漫画 拳皇98漫画黑白完整版 僵尸妹妹漫画全集 女精灵邪恶漫画图片大全图片大全图片大全图片大全图片 护士很累漫画 狐妖小红娘漫画吹妖漫画 前戏十足的污漫画 火车上遇到痴汉污漫画 护士很累漫画 我的双修女友漫画台 前戏十足的污漫画 狐妖小妹小红娘漫画 火车上遇到痴汉污漫画 药老传奇漫画版 日本漫画is 性欲倒错漫画 邪恶漫画少女漫画之雪女 女精灵邪恶漫画图片大全图片大全图片大全图片大全图片 男生被女生控制穿女装漫画图片 火车上遇到痴汉污漫画 好看的修仙逆天漫画 男主是魔王转世漫画 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 封印神明 盗墓传说之锁魂七窍玉 纷扰如迷雾，逍遥且徐行 王者荣耀外传之嘴强王者 异魂行者 葡京官网 快连下载 欧博官网 葡京官网 皇冠登3出租 护士很累漫画 好用的看漫画的网站 女朋友是黑社会漫画图片大全 fateuh线漫画 小姐是新娘 漫画结局 鬼父动画图片漫画版 狐妖小红娘漫画吹妖漫画 男主是魔王转世漫画 好看的修仙逆天漫画 蜥蜴骑士漫画 蜥蜴骑士漫画 日本漫画is 鬼父动画图片漫画版 男主穿越开后宫的漫画 男主是魔王转世漫画 兄弟战争漫画奋斗篇 蜥蜴骑士漫画 我的双修女友漫画台 男生被女生控制穿女装漫画图片 热血仙侠漫画大全 火车上遇到痴汉污漫画 兄弟战争漫画奋斗篇 好用的看漫画的网站 fateuh线漫画 前戏十足的污漫画 蜥蜴骑士漫画 护士很累漫画 鬼父动画图片漫画版 鬼父动画图片漫画版 小姐是新娘 漫画结局