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
老爷爷老奶奶的游戏老鼠 单机游戏乐童教育游戏乐高警察城市游戏乐高跑步游戏儿童老爷爷老奶奶的游戏里头发的游戏大全图片大全集乐童教育游戏老人生免费游戏下载手机版乐高终极幻影忍者游戏下载乐高拼装恐龙小游戏大全乐童教育游戏里头发的游戏大全图片乐高拼装恐龙小游戏大全乐高机械龙游戏破解版乐高终极幻影忍者游戏下载里头发的游戏大全图片欣赏乐高拼装恐龙小游戏乐高拼装恐龙小游戏老司机小游戏。老人生日会上的小游戏乐高拼装恐龙小游戏老人生免费游戏下载手机版老鼠的游戏有哪些危害乐高跑步游戏儿童老鼠吃奶酪游戏13关乐高警察城市游戏下载老鼠的游戏有哪些危害老司机小游戏。里头发的游戏大全图片2020年，由于樱花国核电站泄露导致海洋里面的鱼类部分发生变异，末日来临，人类是否会一败涂地，未来到底通往何方？假如在这个世界上有如果…星辰79年，姬辰子意外卷入另一个世界，魔教此时卷土重来，势力不断扩大苏铭阴差阳错穿越到了御兽世界，熬了十八年终于在御兽天赋觉醒时等来了自己的金手指，超能加点。 资源转化为强化点，可以用来提升自己和御兽的各项数据。 路人：老师，凭啥苏铭御兽和我一样等级，他的体型是我御兽的几倍大。 苏铭：其实是他比较贪吃，长得胖。 路人：老师，不好啦学校塌了，苏铭的那头食铁兽推的。 苏铭：老师，这真不能怪我啊，他就轻轻摸了一下而已。 老师站在废墟之前，看着那头十几米高的食铁兽，正拿着学校避雷针剔牙时愣住了。 “苏铭，你这御兽是精英级别的？！！！！”楚君玄一穿越，就遇到了神仙姐姐被人追杀，本以为会死，却被一块青玉所救…… 夺仙人之躯的楚君玄，随手一掏，就是仙家法宝；入住全是少女的秋水宫；与一众仙子、妖女打得火热；和李靖、秦叔宝、李淳风等大唐英豪们称兄道弟、斩妖除魔…… 妖魔两族来袭，人间经历大劫，七大妖王、八大魔头、九真五佛，高手如云，一场波澜壮阔的妖魔大战开启…… 在这个世上活着的人，都有两面，笑脸下藏着恶魔，只是在刹那瞬间的爱也会转换成怨恨，而所有的怨恨会让这个世界血流成河，一寸前是黑暗，回头看也是黑暗，但是这样的黑暗，是谁也没有看到。而我所讲得故事，只是茶余饭后的闲话，您可千万别当真天地之间灵气复苏人们纷纷觉醒了超凡力量，但是萧阳直到初中毕业之前都没有觉醒力量。直到他考上了高中他才发现了他真正的能力——考试，通过的考试越多就会变得越强。 ……“鄂州动而天下乱，鄂州安而天下定！”在中华上下五千年的历史车轮中，鄂州一直扮演着举足轻重的角色。 从上古时期黄帝与蚩尤之战中的九黎部落的站位，导致蚩尤战败身首异处；到禹分九洲的三苗族与夏王朝数百年的对峙，最终两个部落在相爱相杀中远走中原；再到商王朝勋贵之首的鄂候，为救九侯而犯颜强谏，结果遭到商纣王脯刑，商王朝也因此尽失天下；再到与西周硬刚三百余年的鄂侯驭方，其“振臂一呼，应者云集”，与淮夷东夷联军，一直打到东都成周(今洛阳市东白马寺一带)附近，然后两方互相消耗中磕死了对方，直到现在鄂地人们还有“不服周”一说。某棋圣：今日与叶先生下棋下了十三手，老夫感觉快要找到飞升的契机了。 某剑圣：如果叶前辈再赠我一幅书法，明日老夫便可剑开天门。 …… …… 叶长青很无奈，自己就是一介凡人，怎么天天都有老家伙找上门？ 封林是一个在北京潘家园旧货市场开旧物店的小老板，一次在给店里的老房屋装修的机会，竟然在家里墙壁地下暗格发现一个密室，不太大的密室角落里有着一口上了锁的红色的木箱子，盒子打开后里面有着几样东西，一块巴掌大纯金的腰牌。 一本非常破旧的遁甲巫术古书, 还有着一本记录了很多秘事的明朝古书，还有一张残缺不全的地图，箱子里面藏着很多的秘密，让他知道了自己的家族竟然是一个传奇盗墓家族的后人 从古至今的家族秘密缓缓的被揭开，父亲的突然消失，也与此事有关，是为了寻找哪些传说中的东西。 自己兄弟的回归，退役特种兵赵雷，去追寻着父亲的脚步去寻找那传说中的古遗迹，不得不踏入那些恐怖之地。 入活人的禁区，与僵尸斗法，与活人斗智，有一张尸面的鬼狐仙，荒冢野坟墓里的媚女，害人的白皮千年老狸子，披着美女人皮的行尸走肉，几十年难得一见沉没在海里的幽灵鬼船。 一张残破不全的地图，一截刻满符文的龙骨，到底藏着什么秘密？
哥的位置 我在用社死拯救世界 万道仙虚 恶灵游戏：诅咒的空间 五行棺 魔道巅峰之剑灵传说 我以诗词问长生 四维空间之世界末日 豫品书生南行记 特种兵之开局截胡林晓晓 三国最强小才子 狼啸苍天 大唐：李二冒充我父亲 灵气复苏：别惊讶！因为我有挂！ 远离帝宙 鬼 女 虽然跌倒了，但要坚持下去 花满楼红袖招 朗挈名单 溯源仙迹 老鼠 单机游戏 老游戏 分割 里头发的游戏大全图片大全集 乐高警察城市游戏下载 老鼠 单机游戏 老鼠吃奶酪游戏13关 里头发的游戏大全图片大全集 乐高终极幻影忍者游戏下载 老鼠吃奶酪的游戏14关 乐高终极幻影忍者游戏下载安装 老人生免费游戏下载地址 老人生免费游戏下载 老鼠的游戏有哪些危害 老游戏 分割 老爷车小游戏 乐高警察城市游戏下载 里头发的游戏大全图片欣赏 老鼠吃奶酪游戏13关 老师惩罚学生游戏方法 乐童教育游戏 乐高小偷游戏大全 乐高机械龙游戏破解版 老鼠 单机游戏 乐高拼装恐龙小游戏大全 乐高终极幻影忍者游戏下载 老鼠偷吃米游戏 老鼠吃奶酪游戏13关 老鼠 单机游戏 老师惩罚学生游戏方法 老鼠吃奶酪游戏13关 乐高跑步游戏儿童 老游戏 分割 乐高警察城市游戏 老爷爷老奶奶的游戏 老鼠的游戏有哪些危害 乐高跑步游戏儿童 乐高警察城市游戏 里头发的游戏大全图片欣赏 老鼠偷吃米游戏 乐高机械龙游戏破解版 乐高警察城市游戏下载 雷达找点游戏 老爷车小游戏 老人生免费游戏下载 乐高拼装恐龙小游戏大全 乐高小偷游戏大全 老人生免费游戏下载地址 乐高警察城市游戏下载 老鼠偷吃米游戏 里头发的游戏大全图片大全集 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 老留 异世代：平行地球流浪记 太阳从西边升起 系统让我无敌 弄哭同桌后，我天下无敌！ 亚星官网 欧博游戏官网 欧博官网 亚星官网 AG真人 乐高拼装恐龙小游戏 乐高小偷游戏大全 老人生免费游戏下载 乐高终极幻影忍者游戏下载 乐高拼装恐龙小游戏大全 雷达找点游戏 老爷车小游戏 老鼠吃奶酪的游戏14关 老爷爷老奶奶的游戏 里头发的游戏大全图片大全 乐高终极幻影忍者游戏下载安装 里头发的游戏大全图片大全集 老鼠吃奶酪的游戏14关 老人生免费游戏下载 里头发的游戏大全图片大全集 乐高拼装恐龙小游戏 里头发的游戏大全图片欣赏 老人生免费游戏下载手机版 老鼠偷吃米游戏 老人生日会上的小游戏 老人生免费游戏下载 老鼠 单机游戏 乐高小偷游戏大全 雷达找点游戏 乐高终极幻影忍者游戏下载 老鼠的游戏有哪些 老师惩罚学生游戏方法 老鼠的游戏有哪些 乐高警察城市游戏 乐高跑步游戏儿童