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
狗狗怀孕用了除跳蚤药狗狗低声呻吟狗狗很懒怎么办狗狗什么时候能洗澡狗狗的后脚有5个脚趾狗狗怀孕用了除跳蚤药狗狗便便的颜色狗狗很懒怎么办狗狗嘴很臭牙结石怎么弄掉狗狗对门口大叫狗狗打呼噜感觉有东西卡住它了狗狗怀孕用了除跳蚤药怎么整狗狗狗狗打呼噜感觉有东西卡住它了狗狗很懒怎么办狗狗对门口大叫狗狗拉肚狗狗的后脚有5个脚趾狗狗的后脚有5个脚趾福摩三文鱼狗粮吃了狗狗嘴巴会臭狗狗的牙结石图片狗狗前脚有多少个脚趾狗狗嘴很臭牙结石怎么弄掉狗狗舔人脚趾2月大狗狗吃了鸭骨头狗狗朝主人叫狗狗什么时候能洗澡狗狗舔我的脚趾福摩三文鱼狗粮吃了狗狗嘴巴会臭怎样整狗狗本该平凡度过一生的江寒意外下载了一款聊天软件，里面整天聊的都是进阶，秘境，功法啥的。一直潜水的江寒偶然发现，群里的人好像都是修仙者！这是一个修炼玄能为主的世界，玄能就是这个世界的主旋律。 没有玄能的人就会生活在这个大陆的最底层。 等级制度：玄徒、玄者、玄士、玄师、大玄师、玄主、玄宗、玄王、玄皇、玄尊、 功法级别：日月星尘，每阶段九品，一品最次九品至高 玄器阶位：天地玄黄，每位分九阶，一阶最低九阶最高 不是意外，房东东因为幸运而被甄选，却只成为魔法星界的普通居民。设定小目标就是环游魔法世界，见识什么叫快乐星球。然而风云变幻，魔团会、族老会、真理会与皇经会几方势力暗流汹涌，无意身处其中自己也狼狈不堪。既然如此，那便是登上魔法的最高殿堂重权话事，宵小退散。我是任友州是一位高二学生，平常生活中就是屌丝一位，刚被喜欢的女神何月月抛弃。每日都是在神神噩噩的度过每一天。突然有一天在往学校的途中突然眼前一白，身上穿的高中校服竟离奇变成我初中时期的校服。去到学校重新看到初中时期的女神。任友州是否将会重蹈覆辙呢因为受到连番打击而选择自杀离开这个世界，结果却意外带着记忆重生并且得到了一个开挂的系统，从此走向人生巅峰。【本书又名：没有异能的我开始了修仙】 李长庆与每一个喜欢看小说的人一样，有着超能梦。 但当他真正的接触了超能的世界，他会有怎样的感受。 他能否闯出一番天地，最终探索到新世界的奇迹。 【全书两个主线，主角金手指很强，无女主】 神秘男子沉睡了几百年，醒来后却发现进入了一个完全陌生的世界，不是幻境，而是真实的世界。自己所效忠的朝廷没了，自己引以为傲的锦衣卫身份成为过往云烟，如何在眼前的陌生世界生存，又是什么原因使自己在几百年后死而复生，而自己是人还是鬼，自己存在的意义又是什么？带着无数的疑问男子在现实生活中挣扎生存，本想浑浑噩噩度过余生却被卷入江湖争斗，是该继续隐忍偷生还是接受挑战，已看淡生死的他发现似乎冥冥中有种力量在安排他的命运，是顺从还是反抗都将是个艰难的抉择。　　何为魂修？修魂逆命，与天争。 ...... “你可想好？八目玉属性丶能力各不相同。若是选择震玉，那么日后也不可再更改。” “前辈，我想好了。” ...... 天元大陆，姜芜忧历经种种磨难，带着八目玉之一震玉，踏上了修炼旅途。在这充斥着东西方玄幻色彩丶妖兽横行的世界中，卷入一场场阴谋和争斗。自此，再无宁日。 ...... 一入魂修深似谷，再回眸时已无路。该书讲的是一个社会主义国家，卡瑞特，卡瑞特这个国家为了发展经济，通过提案恢复了私有制企业，但国家并没有及时的去抑制私有企业的发展，使得国家贪污腐败过于严重，让平民受到了压迫，我们的主人公阿布司曼和一系列出现的平民，通过他们的经历让我们看到了他们悲惨的命运万年前，上古剑仙击败外天逆世异族之主，封印虚空裂痕，后踪迹全无，独留青峰塔于世间； 万年后，无天剑祖因得青峰塔，遭挚亲背叛，身毁魂碎，随青峰塔跌落下界，机缘巧合附于宗门废徒苏煜身上，使他重踏修行之路； 本以为苏煜是天选之子，不料却是天忘之人，但这并不影响苏煜开启无敌征途，执剑踏天！
末日降临：我带着全族去修仙 至暗时间 天梦神阁图书馆 从制作游戏开始成为首富 恶灵游戏：诅咒的空间 来自深渊的威胁 汉即天下 突破云霄 云征九天 万里山河皆尘土 星穹之子 异史笔录 寒衍纪 全球武魂：开局觉醒混元道宫 魔法史诗 带着二手车冲出银河系 绝世仙帝回都市 无情剑客有鞘剑 黑源魔藉 末世迷踪之太阳纪浩劫 狗狗低声呻吟 狗狗对门口大叫 狗狗拉肚 狗狗的后脚有5个脚趾 狗狗低声呻吟 狗狗总是对人叫 狗狗放屁可以吃什么药 狗狗 多大 洗澡 狗狗总是对人叫 怎么整狗狗 异形狗狗 异形狗狗 狗狗舔人脚趾 狗狗对门口大叫 狗狗怀孕用了除跳蚤药 2月大狗狗吃了鸭骨头 狗狗舔我的脚卫生吗 狗狗朝主人叫 狗狗嘴巴会臭 狗狗怀孕用了除跳蚤药 狗狗床自制 狗狗很懒怎么办 狗狗嘴巴会臭 狗狗前脚有多少个脚趾 狗狗 多大 洗澡 泰迪狗狗双排牙 狗狗朝主人叫 狗狗嘴巴会臭 狗狗的牙结石图片 狗狗朝主人叫 狗狗的后脚有5个脚趾 狗狗床自制 狗狗什么时候能洗澡 狗狗怀孕用了除跳蚤药 狗狗舔人脚趾 2月大狗狗吃了鸭骨头 狗狗洗牙垢好多钱 狗狗放屁可以吃什么药 狗狗舔人脚趾 狗狗洗牙垢好多钱 2月大狗狗吃了鸭骨头 狗狗舔人嘴 福摩三文鱼狗粮吃了狗狗嘴巴会臭 狗狗舔我的脚卫生吗 狗狗打呼噜感觉有东西卡住它了 狗狗床自制 异形狗狗 2月大狗狗吃了鸭骨头 泰迪狗狗双排牙 狗狗便便的颜色 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 大周小王爷 逆命人守则：斩神！ 命线 我在诡异世界修武道 异世界：我的吸血鬼老师 亚星官网 万利官网 欧博游戏官网 亚星官网 百家乐官网 狗狗怀孕用了除跳蚤药 狗狗的牙结石图片 狗狗的后脚有5个脚趾 泰迪狗狗双排牙 怎样整狗狗 怎么整狗狗 狗狗卡骨头 狗狗怀孕用了除跳蚤药 狗狗舔我的脚趾 狗狗的后脚有5个脚趾 狗狗很懒怎么办 狗狗舔人嘴 狗狗放屁可以吃什么药 泰迪狗狗双排牙 狗狗什么时候能洗澡 狗狗便便的颜色 狗狗卡骨头 狗狗嘴很臭牙结石怎么弄掉 泰迪狗狗双排牙 狗狗舔人脚趾 怎么整狗狗 怎么整狗狗 福摩三文鱼狗粮吃了狗狗嘴巴会臭 狗狗卡骨头 狗狗舔我的脚趾 狗狗舔人脚趾 狗狗怀孕用了除跳蚤药 狗狗洗牙垢好多钱 狗狗打呼噜感觉有东西卡住它了 异形狗狗