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
新篮球漫画写漫画怎么样新网王漫画更新到哪了新新耽美人生漫画网新新漫画又看不了了?新篮球漫画邪漫画之钢手新网王漫画更新到哪了邪态漫画星晨记漫画新最终电车痴汉漫画全集新篮球漫画星晨漫画网新最终电车痴汉漫画全集新网王漫画更新到哪了星彩无惨漫画图邪嫂恋漫画新新漫画又看不了了?新新漫画又看不了了?心之之国爱丽丝漫画邪图漫画3D漫画新最终电车痴汉漫画邪态漫画心魔游戏漫画愤怒下新新漫画看不了了写实工口漫画人妻新新耽美人生漫画网卸妆图片对比漫画心之之国爱丽丝漫画邪恋少女漫画之恋毋人生不止有眼前的苟且，仔细看，还有更远的...... 读者群：913285821本书又名【大明：我人皇的身份被女帝曝光】。 绝世凶人朱厌，穿越到历史爽文《大明劫》中，成为存在感微弱的配角。 他本想安稳度日，跟着书中主角团队吃香的喝辣的，结果被迫绑定系统，拯救濒临毁灭的大明皇朝。 狗作者……你干得是人事儿吗？挖坑不填我就不说了，居然还太监？ 现在轮到这些坑都要我解决……你妹！！！前世，他的父母对他不冷不淡，沉默的性格让他没有朋友。但他在游戏中认识了一位师父——5719。是他教会了他好多东西，使他不再那样的菜，同时也改变了他的沉默寡言。但不久，他的师父死于癌症，而他也死于车祸。 这一世，他重生到了一颗叫蓝星的星球上，mc的浪潮刚刚掀起，为了纪念曾经黑白的记忆与磨难，他便将他的网名取为【黑白记忆】，而他，将用这个账号，创造出璀璨多彩的传奇！ ———————————————————————————— 题材：我的世界X转世重生 更新频率：2~3天一更，节日或支持者众多加更，期中期末停更1~2周 MC版本：随剧情发展 QQ书友群建立了，群号745702129，闲聊杂谈唠嗑催更都可以！ 未经允许，切勿擅自转载！希望大家多多支持！魔妖恶怪、能人异士、超凡科技……随着黑日黑月的出现，这些隐藏在暗中的事物纷纷出现。这里，充满了危机与风险；这里，充满了宝藏和奇遇…… 但我祝天佑注定不是这个画风！ 奇珍异宝？我的！灵丹妙药？我的！美人江山？也是我的！ 横行天下，靠的是风骚的操作，靠的，也是天神的血脉！一觉醒来，陆离发现自己居然穿越了！ 他穿越成了方块大陆的史蒂夫！ 这个异世界拥有和Minecraft相同的规则。 依靠丰富的游戏知识，陆离在异世界混的风生水起，红石专家，建造鬼才，神级锻造师，神级炼药师…… 而当怪物大军来袭，人人自危之时。 陆离手持拔刀剑，冲进怪堆开始屠杀。 众人见状纷纷惊呼道：“史蒂夫无敌了！”这是一个光怪陆离的世界，人与妖共存，道法和妖力盛行的世界！天行健君子以自强不息，地势坤君子以厚德载物，本欲碌碌一生，奈何世事无常，是向前披荆斩棘，还是任人鱼肉，且看主角在红尘滚滚中如何取舍，亲情，友情，爱情 恩义，众生百态，如何面对，新世界如何创造，旧规则怎么修改，红尘路远，行者无疆 小说情节纯属虚构，如有雷同，请多谅解这部作品是瑞延风的小说系列，《三部曲》中的第一部曲 名字叫做行走在理想尽头的旅者，故事线围绕三部曲前作的《长达数年的自我对话》和《一条曲折蜿蜒的旅》开始正式书写，文内主要的题材就是现实中的大都市，现实题材就是说里面发生的故事都是由真实经历或者改变的故事，为了真实，里面使用了很多人们和我一起分享的亲身经历，并且与多个合作伙伴开始展开创作。异能者的觉醒，使人类面临着悬崖上的抉择。 强权与堕落，腐朽与血腥，谁来拯救混乱中的大陆？ 一枚少年。 一个系统。 一句真言。 文弱书生能否凭一己之力搅动天下？看似平静的皇朝下又隐藏着何种暗潮？前朝为何覆灭？方悔的身世又有何秘密？
我与守护灵 圣御苍穹 女侦探童念之地下皇帝 转世成为拯救世界的工具人 我在缅北的扫黑生涯 玄幻：穿成废柴的我，养成了十大女帝 上古第一神之三界情爱 我竟是一条狗！ 龙心大陆第一神帝 不死道人 人在娘胎:我和女帝相爱相杀 关于重生后的老婆嫌弃我是个穷鬼这件事 超世间 剑久 傲世，修罗神 重生西游之妖界至尊 天堂游戏：别人逃命我抽卡 飘零山河 恶魔心索 都市神龙拽少 新新耽美人生漫画网 邪态漫画 心魔游戏漫画愤怒下 邪嫂恋漫画 新新耽美人生漫画网 新新漫画又看不了了? 心魔游戏漫画愤怒下 邪物漫画恶作剧?? 新新漫画看不了了 写漫画怎么样 心之之国爱丽丝漫画 心之之国爱丽丝漫画 新最终电车痴汉漫画全集 邪态漫画 星晨记漫画 新新漫画看不了了 邪少女漫画之无翼鸟 写实工口漫画人妻 邪物漫画恶作剧?? 新网王漫画更新到哪了 新最终电车痴汉漫画全集在线播放 新网王漫画更新到哪了 邪物漫画恶作剧?? 新最终电车痴汉漫画 星晨记漫画 心情 漫画 写实工口漫画人妻 邪物漫画恶作剧?? 邪物漫画恶作剧?? 写作业很开心的漫画 新新漫画又看不了了? 新最终电车痴汉漫画全集在线播放 新新耽美人生漫画网 新篮球漫画 心魔游戏漫画愤怒下 新新漫画看不了了 新新耽美人生漫画网 邪嫂恋漫画图片 心魔游戏漫画愤怒下 新邪恶少女漫画 新新漫画看不了了 星晨记漫画全集看 心之之国爱丽丝漫画 邪少女漫画之无翼鸟 新最终电车痴汉漫画全集 新最终电车痴汉漫画全集在线播放 邪少钕恶漫画八爪鱼 新新漫画看不了了 心情 漫画 邪嫂恋漫画 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 宅家百年，出门已成剑神 很想给你一生幸福 武牧江湖 光头莽起来很合理吧 枕月狼王 万利官网 欧博官网 皇冠登3出租 万利官网 欧博官网 邪图漫画3D漫画 邪少钕恶漫画八爪鱼 新邪恶少女漫画 邪态漫画 写实工口漫画人妻 新篮球漫画 写实工口漫画人妻 星晨漫画网 卸妆图片对比漫画 星晨漫画网 新最终电车痴汉漫画全集 邪恋少女漫画之恋毋 心之之国爱丽丝漫画 邪嫂恋漫画图片 心之之国爱丽丝漫画 新最终电车痴汉漫画全集 新篮球漫画 心之之国爱丽丝漫画 星晨漫画网 写漫画怎么样 心魔游戏漫画愤怒下 新新耽美人生漫画网 心魔游戏漫画愤怒下 写实工口漫画人妻 心之之国爱丽丝漫画 邪嫂恋漫画 星晨记漫画 邪嫂恋漫画图片 新网王漫画更新到哪了 心情 漫画