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
地理与生活 大学论文地理论文环境1000字地理与生活 论文1500字地理与生活的联系论文氮氧化物论文参考文献地理与生活 大学论文党校论文指导教师评语地理与生活 论文1500字地理论文标题党课结业论文 入党动机党的接班人论文2000字地理与生活 论文1500字党论文的有关题目党的接班人论文2000字地理与生活800字论文党课结业论文 入党动机当今互联网论文2000字党的纯洁性建设论文氮氧化物论文参考文献地理学相关论文3000字地理论文的参考题目党的纯洁性建设论文地理论文标题地理小论文关于湘乡地理与生活的论文地理论文趣味标题地理与生活的论文地理小论文关于湘乡地理学相关论文3000字党论文的有关题目我们可以卑微的活着，但不能被上界的人随意宰割。 如果非要选择，那就破了这天！ 这是一个名为源气大陆的超级大陆；人们经参悟了源气的修炼方法，以修炼源气为主。产生了一些等级分别为凝气境，化源境，源丹境，源灵境，地化境，天象境，源皇境，尊者境，圣者境，至尊境，圣至尊，仙至尊，一个境界又分为九重天。在这里强者为尊，实力就是话语权。灵修之道，不外乎，纳灵化旋，聚雾凝液，固晶结丹，筑台合道，九转涅槃；万古之劫即将再次袭来，天地能否逃脱这次灭世大劫，在乎巅峰也！从地球穿越到平行空间的末世，陌游生该何去何从 伴随而来的召唤师系统、全人和亚人之间的矛盾、魔兽的进攻…… 对故乡的思念…… 我是陌游生，荣耀系统，请多多指教。五彩斑斓的背后总是深邃的黑……马克?李，无论干掉你的是谁，我都会为你报仇，以告慰你在天之灵。 注①：第一次写文，用的是第一人称，慎入。 注②：因为是同一个作者写的， 所以这篇也能在话本小说（如果有更多 人支持的话将来可能会在B站？）找到。 注③：作者是学生党，随缘更新。　王卿穿越到远古时代，成为饕餮，才统治了这个世界，就被憨憨校花给召唤了，成了她的契约兽！ 　　最离谱的是，连说话的权利都没有了。 　　“喵？” 　　“喵你个头啊！” 　　...... 　　我叫苏天天，被称为青阳学院的甜美校花！ 　　这个世界，神秘复苏，到处都是妖魔鬼怪，异兽飞掠，厉鬼尖啸…… 　　直到那天，能力觉醒，召唤了我的伴生契约兽。 　　然而我听到的第一句话就是：“喵？” 　　一只长得跟小黑狗一样的东西，开口居然是喵喵叫！ 　　夭寿啦~~ “变成一条龙是什么体验？” 叶寻变异了，拆完一个陌生快递，开启了疯狂的觉醒之旅。 他变成了真正的肉食性猛兽，食量剧增、力量疯涨，还因此而收获了美女总裁的垂青。 当叶寻力挫情敌，俘获佳人芳心，开始走向人生巅峰的时候，一场全球危机悄然降临…… 龙魂再现，守护华夏！ 陈凡在打开天门时，意外发现自己天门旁的金色大门，让他没有想到的是，这大门居然可以通往异界。 更神奇的是，高端战力的异界，学习的仙文居然是中文，本来想教学生们武道的陈凡，因为太弱只得选择教文。 然后为了这些孩子的文化水平，只得将原世界的教学方法搬到了异界，时常占用武道课，最终陈凡活成了自己以前讨厌的样子。天道有缺，世间最强体质神魔霸体被天道所摒弃，十五年忍辱，终将迎来曙光！ 大道枷锁自束己身桎梏又如何？我自当逆战苍穹，笑傲九重天，神挡杀神，佛挡弑佛，逍遥天地间！ 一日破关，我为尊，一拳荡寰宇，一脚山河溃，一静万物生，一动诸天陨，一念可化阴阳轮回，一念可镇压永恒万古！ 我为太古第一神王，天骄至尊皆是我帝路上尸山血海！ 我当以一双铁拳，粉碎诸天万界，天道也不行！我继承了乡下爷爷的屋子，没想到的是我竟然看见了鬼……
敲开幸福的大门 三国昭昊传 缔 世 高三的我回到小学 亲，只为遇到你 大宋狂医 精灵：这个馆主不务正业 魔女大人新世界冒险中 穿越古代我让家族称霸一方 看事 我就是大王 乾坤阴阳图 修仙从继承灵兽铺开始 剑御苍穹 神秘之后 全职相师 崛起，从1900开始 梦想纪元游戏 夜班出租车 传奇异术：把我送来当废物 地理论文美丽的家乡 党的情怀论文20 当今互联网论文2000字 氮氧化物论文参考文献 地理论文美丽的家乡 地理人文环境论文湖南 当今互联网论文2000字 党课结业论文更早的 地理论文趣味标题 党课心得体会结业论文 档案整理录入论文 档案整理录入论文 地理小论文旅游 党的情怀论文20 地理与生活 大学论文 氮氧化物论文参考文献 档案数字化录入论文 地理论文美丽的家乡 地理论文高中家乡环境 地理与生活 论文1500字 党的情怀论文20 地理与生活 论文1500字 地理论文高中家乡环境 党的纯洁性建设论文 党课结业论文 入党动机 地理小论文旅游 地理论文美丽的家乡 地理论文环境1000字 地理论文高中家乡环境 地理论文趣味标题 氮氧化物论文参考文献 党的情怀2000字论文 地理与生活的联系论文 地理与生活 大学论文 地理小论文关于湘乡 地理与生活的论文 地理与生活的联系论文 当今互联网论文2000字 地理小论文关于湘乡 地理与生活800字论文 地理与生活的论文 党课结业论文更早的 地理与社会论文1500字 档案数字化录入论文 党的接班人论文2000字 党的情怀2000字论文 档案整理录入论文 地理与生活的论文 地理小论文旅游 党员发展对象结业论文 亚星官网 亚星官网 亚星游戏官网 亚星官网 亚星官网 疯了！代课两月，竟全考985 每晚，一个诡故事 元界追凶 武道寰宇 陨星至尊王 万利游戏官网 欧博游戏官网 欧博官网 万利游戏官网 快连下载 地理小论文旅游 档案整理录入论文 地理与生活的论文 地理与生活的论文 地理论文高中家乡环境 地理论文高中家乡环境 档案数字化录入论文 地理小论文关于湘乡 地理论文环境1000字 地理与生活800字论文 党的接班人论文2000字 档案整理录入论文 地理论文趣味标题 党的纯洁性建设论文 地理论文的参考题目 党课结业论文更早的 档案整理录入论文 档案数字化录入论文 地理与生活的联系论文 地理与生活的联系论文 地理论文的参考题目 地理论文的参考题目 当今互联网论文2000字 档案数字化录入论文 地理论文环境1000字 地理论文趣味标题 地理与社会论文1500字 党课结业论文 入党动机 党员发展对象结业论文 氮氧化物论文参考文献