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
榆中的定西驾校义乌佛堂义南驾校价格榆中定西驾校多少钱榆中神龙驾校电话榆中县报哪个驾校好榆中的定西驾校业龙驾校好不好榆中定西驾校多少钱一庆驾校教练名单阎良驾校科三考场延庆出租驾校官网榆中的定西驾校阳光驾校好不好榆中有没有定西的驾校榆中定西驾校多少钱阎良驾校科三考场一乘驾校可以换班型吗榆中有定西的驾校吗阳光驾校教练榆中有没有定西的驾校余姚市政府到驾校培训阳光驾校教练有广通驾校怎么样榆中县报哪个驾校好阳光驾校好不好榆中定西驾校多少钱阳光驾校杜教练榆中神龙驾校电话榆中有定西的驾校吗伊宁驾校上班时间刘林杰原本是异世开放世界VR元宇宙大游戏《梦拉幻大陆》的一名程序员，可在一次玩家测试中被告知游戏被黑客侵入并制造出了大病毒影响游戏世界平衡，而此游戏开发巨大可让玩家在游戏里身临其境，如同在另一个世界生活；而刘杰空将以玩家身份装备程序公具，进入这个世界与黑客的病毒展开对决以至消灭!并同时拯救修理被破坏的游戏世界!同时还结交了游戏中的人物伙伴一起冒险………………在一座城市里，总有人用一段时光惊艳着某个人的全部生命，而在人生这个可长可短的词中，谁又能陪谁坚持到最后呢一家人的命运因为一个孩子就此改变！世界本无对错，人间也无善恶，人也罢，兽也罢，都是为了活着，道不同，不相为谋。注：本书节奏较慢，二十章才是个小高潮，阅读前请先给作者一张原谅票，不管看不看，小比作者先谢谢各位了一介凡人意外闯入修仙世界，成为一名资质普通但向道之心甚坚的修仙者。 仙路崎岖，长生漫漫，虽千万人，吾往矣！天生阴命，25岁我开启了阴体，可见鬼神，可伤鬼神，是阎王爷派来凡间受罚的鬼差，在我眼中，蛇虫鼠蚁，花鸟鱼虫皆是鬼怪，冥冥中，一切皆由因果起，一切皆由因果灭，鬼怪之争惊天动地，且看我如何化解……一位青年，出身顶级豪门，却肩负重大任务，从小努力训练，练就一身本领。 短短的大学四年悄然逝去，他终于要开始建立自己的势力。 这是家族给予的任务，也是自己的理想。 从零开始，书写一段传奇，然而这条道路却是漫长而艰辛，想要建功立业，谈何容易？ 庆幸的是，期间遇到愿与自己相伴终生的另一半 然而追妻路上也非一帆风顺，爱情与事业如何兼得，前面的道路又该如何选择……繁华的都市表面，总有下水道的耗子在黑影中与狼共舞，即便是白天也有阳光照射不到的地方，我也要做城市中最后的光芒，亮起夜港中最亮的那盏灯，焚尽黑暗。没有奇遇，没有转生，没有背景，天赋一般，所有客观条件与一般人无异的黑羽，以主角18岁为起点的故事十年后，全球只剩下五个人类，一日我们意外的发现，我们能力的结合可以穿越时空，最终我们将时间定为十一年前，末世爆发的前一年。 可让我意外的是，竟然回到了十年前，今天刚好是丧尸开始爆发的那一天。 上一世父母成为怪物，兄弟为我而死，看看身边一个个的死在我面前，这一世，我发誓用我的生命保护你们。
重游人间 书剑传奇录 误把女总裁拉进家庭群，她聊上了 尘间录 德道大圣 我有一只吞吞兽 骷髅岛主 崩坏美好世界现世行 女友竟是我自己 直播赘婿：开局掌掴丈母娘 如三月兮 逆道斩神 名侦探柯南之双重命运 无限进化：从0级螳螂开始吞噬 神话三国：开局一座天机道场 撕裂的天空 第三研究所 国运游戏归来，我被全世界误解 超级兵王 跨时代危机 业龙驾校好不好 榆中的定西驾校 延庆出租驾校官网 余姚驾校模拟中心地址 业龙驾校好不好 一乘驾校陪练 阎良驾校科三 榆中驾校排名 一乘驾校可以换班型吗 阳光驾校好不好 一庆驾校教练名单 一庆驾校教练名单 有广通驾校怎么样 阎良驾校科三考场 榆树宏明驾校怎么样 榆中县报哪个驾校好 一乘驾校陪练 营口驾校招聘 伊宁驾校上班时间 榆中的定西驾校 阎良驾校科三 榆中定西驾校多少钱 义乌佛堂义南驾校价格 榆中有没有定西的驾校 阎良驾校科三考场 有广通驾校怎么样 营口驾校招聘 义乌佛堂义南驾校价格 伊宁驾校上班时间 营口驾校招聘 榆中县报哪个驾校好 阎良驾校科三 榆中神龙驾校电话 榆中的定西驾校 有广通驾校怎么样 榆中县报哪个驾校好 榆中驾校排名 一乘驾校陪练 有广通驾校怎么样 榆中驾校排名 榆中县报哪个驾校好 阳光驾校杜教练 余姚市政府到驾校培训 一乘驾校学车倒库视频 榆中有没有定西的驾校 阎良驾校科三 一庆驾校教练名单 榆中神龙驾校电话 余姚驾校模拟中心地址 业龙驾校好不好 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 大明：满朝奸臣，你让我登基称帝？ 重生，自带无限技能 缓缓爱琴海 龙皇战尊 系统，系统！ 百度 百度 百度 百度 百度 阳光驾校教练 榆中县报哪个驾校好 伊宁驾校上班时间 伊宁驾校上班时间 延庆出租驾校官网 阎良驾校科三 榆中神龙驾校电话 阳光驾校教练 阎良驾校科三考场 伊宁华松驾校科目四 烟台交运驾校地图 榆中有定西的驾校吗 阳光驾校杜教练 银都驾校教练员名单 延庆出租驾校官网 余姚驾校模拟中心地址 榆中县报哪个驾校好 榆中县报哪个驾校好 伊宁驾校上班时间 伊宁华松驾校科目四 榆中有没有定西的驾校 延庆出租驾校官网 榆中驾校排名 榆中县报哪个驾校好 阎良驾校科三 阳光驾校大学城教练 一乘驾校可以换班型吗 有广通驾校怎么样 榆中驾校排名 义乌佛堂义南驾校价格 亚星官网 亚星官网 万利官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网