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
对不起我爱你有声小说小说天书小说觅仙门口有人 叫小声点 律动 小说插件小说对不起我爱你有声小说叶峥嵘 小说小说觅仙免费小说夜训纯情小妻求女皇女帝女王男生子小说夏日凉橙+龙云意+小说小说觅仙吕四娘刺雍正小说 迅雷下载夏日凉橙+龙云意+小说小说 农家金凤凰求女皇女帝女王男生子小说有声小说 国王自摸 小说h短插件小说网游大神小说娇姝 小说自摸 小说h短免费小说夜训纯情小妻脱衣 吻 小说偷心淑女男主角叫柳什么的小说黑白+朝小诚+小说偷心淑女男主角叫柳什么的小说谁摸了我一下 周德东 小说网游大神小说没有兄弟女主较多可以慢慢成长的小说最好是都市的一代天骄,奥,再次重生。又将要掀起何等风云?前世之仇又能成功复仇吗?“山雨欲来风满楼”,天地也为之色变。这一世又得到神秘功法相助,能否拜托前世厄运,闯出属于自己的一片天!结婚?还结什么婚,我要修炼!  诡秘力量复苏,元宇宙世界降临。   在这里,你能看到奇闻异录中的妖魔,恐怖故事里的鬼怪,甚至神话传说中那些古老的神祇!   在元宇宙世界中,所有人都在惶恐不安,心惊肉跳。   而江澈却发现自己能看到奇怪的提示。   于是……   在黄泉医院当护工,在阴间酒店当服务员,在轮回网吧当网管……甚至还在元宇宙世界建造了一座能够关押神明的监狱!   当江澈一次又一次完成诡秘挑战后,忽然发现。   他竟然已经成为了,诡秘之主。少年魏杰因车祸而亡,灵魂出窍,空越到古代,附体于被毒杀的同姓名、同年龄的古代少年。 死而得生的古代修真少年魏杰,拥有了现代少年的知识,古今结合的少年。被炼气门、炼体门的门主同时收为亲传弟子,指定为继任门主。由此演绎出一场场喜怒哀乐的人生大剧。叶轩重生到高考一个月前 为了不让自己这个渣男伤害她的叶轩决定和她保持距离。 趁着这时候慕容雪没喜欢自己 叶轩准备透露点高考题目让她稳上青华 而自己去临安到时候天南地北,确没想到高考后看到她的录取通知书傻了眼看着父亲被舅爷追打,头破血流,还不能顶嘴,目睹母亲含辛茹苦,为一大家操心劳累,叔叔、姑姑不仅不领情,还故意刁难,超华幼小的心灵,烙下深深的记忆。 他发誓,苦读寒书,通过高考获取功名,立志改变命运,出人头地,让欺负父亲的舅爷们汗颜,让不尊敬的叔叔、姑姑们忏悔。 然而,想法要变成现实,总不是一番风顺,他经历过大学苦难的历程,被卷入了企业复杂人际关系漩涡------ 在企业他在国企破产后,为了生活,被迫四处漂泊,历经沧桑,在险恶的职场,顽强拼杀,终于有了自己的一席之地。 这里是一个名为天元大陆的地方,在这里没有炫迈的魔法,更没有斗气,真气等。有的只是繁衍到巅峰的灵力。等级为灵者、灵士、灵师、灵君、灵王、灵宗、灵皇、灵圣、灵尊、灵至尊。飘走了~八荒纪元末年,天上临仙。 乱古纪元元年,仙、人族两族战起。 乱古纪元三代人皇老去,一修士夺九界之姿,创众生法,集天下道,杀尽一切敌。 此后,定命时代就此展开……这是个修行琴棋书画就能够获得文气,修炼文道的世界。 在这里挥笔可化万千利剑,杀人无形,弹琴可化天地大道,镇压万世。 读书人口诛笔伐,可化唇枪舌剑,以画勾勒诸天万道。 秦尘心言出法随,才气化剑,笔化龙蛇,开口便是天地规则。 我携三千诗书,可练就无上文道,成就万古圣人。
迷灵诡探 灵气复苏:从吞噬灵剑开始 王座 幻 云起天风 建座地府当后宫 神中狂龙 夜灭使者 辉光之界 上古第一神之三界情爱 大头科员修仙记 生灭万物 心疼之爱 这个召唤师不一样 万界大师兄 黟山传 傻了吧!你的房客都是美女 无敌从转生成虎妖开始 法师升级大冒险 废土枭雄 医梦缘 百度小说排名 迅雷下载 斯嘉丽+小说 有声小说 国王 插件小说 小说天书 谁摸了我一下 周德东 小说 有声小说 国王 跟老板爱爱小说 黑白+朝小诚+小说 吕四娘刺雍正小说 迅雷下载 养生馆 小说 养生馆 小说 科幻小说 推荐 斯嘉丽+小说 对不起我爱你有声小说 插件小说 TFB o Y的全部小说 百度小说排名 迅雷下载 愤怒 肚兜 揉捏 小说 小说觅仙 斯嘉丽+小说 小说觅仙 愤怒 肚兜 揉捏 小说 自摸 小说h短 求女皇女帝女王男生子小说 科幻小说 推荐 百度小说排名 迅雷下载 愤怒 肚兜 揉捏 小说 愤怒 肚兜 揉捏 小说 黑白+朝小诚+小说 插件小说 gl 小说 旅行 门口有人 叫小声点 律动 小说 对不起我爱你有声小说 脱衣 吻 小说 偷心淑女男主角叫柳什么的小说 门口有人 叫小声点 律动 小说 有声小说 国王 脱衣 吻 小说 小说 农家金凤凰 偷心淑女男主角叫柳什么的小说 跟老板爱爱小说 网游大神小说 TFB o Y的全部小说 夏日凉橙+龙云意+小说 gl 小说 旅行 养生馆 小说 偷心淑女男主角叫柳什么的小说 科幻小说 推荐 陆姨 小说 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 珍惜温暖的365夜 全职猎人之魔王 我是你的小公猪啊 仰慕星空 诸界求生 亚星官网 欧博游戏官网 欧博官网 亚星官网 AG真人 插件小说 没有兄弟女主较多可以慢慢成长的小说最好是都市的 夏日凉橙+龙云意+小说 插件小说 养生馆 小说 自摸 小说h短 斯嘉丽+小说 TFB o Y的全部小说 求女皇女帝女王男生子小说 经典武侠小说大合集 txt版 吕四娘刺雍正小说 迅雷下载 经典武侠小说大合集 txt版 斯嘉丽+小说 有声小说 国王 对不起我爱你有声小说 养生馆 小说 对不起我爱你有声小说 斯嘉丽+小说 小说 农家金凤凰 小说觅仙 叶峥嵘 小说 小说 农家金凤凰 插件小说 没有兄弟女主较多可以慢慢成长的小说最好是都市的 自摸 小说h短 谁摸了我一下 周德东 小说 gl 小说 旅行 谁摸了我一下 周德东 小说 免费小说夜训纯情小妻 脱衣 吻 小说