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
驾校摩托驾驶证驾校练车需要交钱加油驾校摩托驾驶证多少钱驾校摩托驾驶证吗驾校女教练色吗驾校摩托驾驶证驾校如何刷脸驾校摩托驾驶证多少钱驾校练车把车撞坏了驾校皮卡冷风怎么开驾校培训预约了没去驾校摩托驾驶证驾校汽车空调怎么开驾校培训预约了没去驾校摩托驾驶证多少钱驾校皮 宽驾校商务班那证快吗驾校女教练色吗驾校女教练色吗驾校模拟考试100道题驾校练车穿板鞋合适吗驾校跑卡是什么意思驾校练车把车撞坏了驾校螺蛳湾附近校区驾校能代换驾驶证吗驾校另交考试费吗驾校摩托驾驶证吗驾校路考图片驾校模拟考试100道题驾校汽车怎么开空调武侠小说已经衰弱，并且还在一直衰弱下去，这是一个事实。 我喜欢武侠小说，可是现在的武侠文说真的，已经没什么好写的了。 提起“武侠”两个字，每个人都可以想到诸如“门派”、“功法”、“内力”、“招式”或者“宝藏秘籍”，“家国情仇”等等的东西了，说实话，作为武侠文作者，我自己都觉得太过乏味旧气了。 所以或许我还能写出一点，哪怕只有一点点，起码让我自己还能觉得不太乏味的东西。 我不知道我到底能不能写出这样的故事，但是可以肯定，本文一定不会暴爽，更不会爆火，（哈哈……）但是我还是尽量想让自己写出一点有趣又不至太老套的故事，所以如果你对武侠文还有兴趣，也许你可以进来，帮我搞点点击量……嘿嘿…… 天空突变，一次偶然的机会人类发现了比自己还强大的物种，贪婪的妄想却把沉睡千年的丧尸给惊醒了，不思考只听他人的人类征服选择了错误的选项差点毁掉世界，圣鹰小队能否侦破这起危机......距今约50年前，神秘陨石索莎降落于地球，使得这个世界上突然出现了被称为“魔法”的不可思议力量，因为魔法的出现，世界的格局也重新被改变…… 　　少年雷昂从小在父母的指导下学习剑术和魔法，成为了一名高强的魔剑士，但是……他却是向众人隐瞒了自己的高超实力。 　因为一次机缘巧合，雷昂和妹妹娜娜一起入读了月幽学园并结识了学园最强前辈雷沙、曾经的DEATH PARADISE十大杀手之一水镜、学园智将群云星羽、可爱的努力后辈枫，从此，雷昂开始与各种邪恶势力进行着斗智斗勇的战斗……同时，也知道了父母失踪的真相。36岁的江左，把生活过得一团糟，正当他在懊悔时，突然回到了20年前，他重生了！由此他开启了他的开挂人生！ “若使人间万千生灵涂炭，星夜无光，那么我，便成为那一道光。” 大明皇于洪荒中崛起，塑造武者修炼境界的体系，吸纳万千大荒巨兽融入自身，成就神相境界，以自身血肉铸造明玄结界，保护人类繁衍生息。 九千多年后，一个少年从一处森林中缓缓苏醒过来，拥有废体的同时，竟然被认为是武神法相的拥有者。 在启明大陆中，武神在涅槃境失败后，可以选择转生，转生成功的人，在武灵的法相阶段，会展露出一个人影虚影，俗称“武神法相”。 在这个世界，他将秉承大明皇的意志，化身世界法则，对抗玄明结界外的洪荒兽潮。 “李揽雀，我将跨越你，迈向天下。” “接下来，我将以神相的形态出击。” 当男主醒来睁开眼发现自己穿越到一个综武世界，只要破案准确，判案公道，就能获得武功秘籍，内力修为等各种奖励。从此，凌昊一步步开启了富可敌国，七国驸马，武林至尊的无敌之路...【全族+全家+末日求生+种田】苏成重新回到了灾难的起点，再一次要面临各种灾难的洗礼。 从一场全球性的血雾开始，然后干旱，高温，地震，史前瘟疫，全球冰冻…… 几乎是人类能够遇到的灾难，他都将要再一次经历一次。 这一次重新回归的苏成，在自己家族系统的辅助下，究竟如何带领全族人挺过这些灾难？ 故事，从2024年开始……高二的时候学校校花莫名其妙的说我是她对象，害的我被学校大哥给盯上了…… 有一种孤独是，心心念念着一个人，却没有她的联系方式，如果最后是你啊，晚一点没关系。我叫路森尧，我的故事 从高二开始。它仅仅是一支平平无奇的笔，但它被一次又一次的换上崭新的墨囊，重焕新的生命，它看似平淡无奇，但它却被成百上千的人用它那拙劣粗糙的笔尖去抒发那令人多愁善感的百变情绪。捞尸人的禁忌有很多，可总有人不相信，说是歪门邪道。 这不，带着校花总裁下一次水，捞一次尸。 她竟非逼着我和她生猴子！
我老婆是只黄皮子 忆往昔青春岁月 废土之辉 被动拉满：一箭射爆全世界 女魔皇 哀须臾 三尺剑断天涯 格列治治人:救赎 仙路纵火犯 刀塔异界纵横 恐怖世界：我比厉鬼还诡异 荒帝纪年 我在元宇宙里多角恋 红楼：我在贾府带妹修仙 我真的不想这么渣！ 超世间 超级逆袭赘婿 末日咸鱼上位 仙途星辰 逆剑传说 驾校另交考试费吗 驾校皮 宽 驾校商务班是包过班吗 驾校女教练色吗 驾校练车需要交钱加油 驾校路考图片 驾校商务班是包过班吗 驾校汽车掉头步骤 驾校录指纹去哪里录 驾校汽车空调怎么开 驾校上课预约了没去 驾校上课预约了没去 驾校螺蛳湾附近校区 驾校皮 宽 驾校摩托驾驶证 驾校能代换驾驶证吗 驾校商务班优缺点 驾校另交考试费吗 驾校练车的过程 驾校摩托驾驶证多少钱 驾校培训转档 驾校摩托驾驶证多少钱 驾校练车的过程 驾校跑卡是什么意思 驾校皮卡冷风怎么开 驾校没去考能退款吗 驾校另交考试费吗 驾校练车的过程 驾校练车的过程 驾校录指纹去哪里录 驾校女教练色吗 驾校培训转档 驾校摩托驾驶证吗 驾校摩托驾驶证 驾校螺蛳湾附近校区 驾校能代换驾驶证吗 驾校摩托驾驶证吗 驾校商务班是包过班吗 驾校螺蛳湾附近校区 驾校摩托驾驶证多少钱啊 驾校能代换驾驶证吗 驾校汽车掉头步骤 驾校模拟考试100道题 驾校商务班优缺点 驾校培训预约了没去 驾校培训转档 驾校上课预约了没去 驾校能代换驾驶证吗 驾校没去考能退款吗 驾校商务班那证快吗 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 活着是为了什么？ 阴石镇：远古的呼唤 末代变异的世界 神域彼岸 万祖 万利游戏官网 欧博游戏官网 欧博官网 万利游戏官网 快连下载 驾校跑卡是什么意思 驾校皮 宽 驾校培训转档 驾校摩托驾驶证 驾校练车把车撞坏了 驾校练车需要交钱加油 驾校摩托驾驶证多少钱 驾校摩托驾驶证吗 驾校摩托驾驶证多少钱 驾校如何刷脸 驾校摩托驾驶证多少钱啊 驾校女教练色吗 驾校汽车怎么开空调 驾校模拟考试100道题 驾校路考图片 驾校培训转档 驾校商务班优缺点 驾校练车把车撞坏了 驾校上课预约了没去 驾校皮卡冷风怎么开 驾校模拟考试100道题目 驾校摩托驾驶证吗 驾校练车把车撞坏了 驾校汽车怎么开空调 驾校汽车掉头步骤 驾校录指纹去哪里录 驾校汽车空调怎么开 驾校商务班那证快吗 驾校另交考试费吗 驾校商务班是包过班吗