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
论文怎么才能过论文指导老师意见300字论文怎么加附录论文怎么在知网查重论文怎样答辩论文怎么才能过论文指导记录详细的论文怎么加附录论文指导教师评议论文正文大纲论文摘要能出现我吗论文怎么才能过论文指导工作日志论文曾得到哪些帮助论文怎么加附录论文正文大纲论文指导记录详细的 5论文怎样答辩开场白论文怎样答辩开场白论文幼儿家长进入课堂论文指导老师给成绩吗论文怎样答辩开场白论文指导教师评议论文有哪几个部分组成部分组成部分组成部分组成论文怎样答辩论文指导老师重要吗论文怎么在知网查重论文有哪几个部分组成部分组成部分组成部分论文有哪几个部分组成部分组成部分组成部分组成部分论文指导工作日志一觉醒来，赵然发现自己穿越了，还特么被女土匪抓去当压寨小郎君了…… 他只是想在这个异世界好好地过完这一辈子，但是他的命运早就和女土匪绑在一起了…… 走投无路的他，只能和女土匪在土匪的道路上越走越远……穿越武道世界，江北意外觉醒捡属性系统，可以通过捡取他人身上掉落的属性而提升自己。 于是...... 你拾取了力量*0.6。 你拾取了速度*0.4。 你拾取了体质*0.6。 你拾取了悟性*0.1。 你拾取了基础剑法*50、基础拳法*30、基础腿法*30，你学会了基础剑法、基础拳法、基础腿法...... 你拾取了....... 若干年后。 武道世界遭遇域外强者入侵，人类不敌节节败退几近亡族。就在这时，一家武馆内走出一名武馆学徒，横推众多域外强者，救人族于水深火热之中。 本该在那个人身下殒命的陆空意外借助神器穿越回了几个月前完成重生。受尽屈辱，队友纷纷在自己面前倒下的屈辱让他咬牙切齿，这次，自以为拿着剧本的他就要把羞辱自己的人踩在脚下羞辱一番。可关键时刻竟然想不起那个人是谁了？不对，是完全忘了这几个月发生的所有事情。 “妈的小说也不是这么写的，老子重生了不应该手握剧本手刃仇人然后有头有脸的，现在让我什么鸡毛蒜皮的事情都想不起来，你是想第一章就太监是吗，好歹让我记住一个隔天中奖的彩票号码啊。”陆空对屏幕外扣字的那个死宅骂骂咧咧。 死宅却故作高深地说：“我只想做第一个吃螃蟹的人讲一个不同寻常的异能故事。” （新人作品，希望各位多多指教）只有我是正常人！ 为什么会有喜欢动不动扑过来的人啊！ 为什么会有喜欢掐着人的老头子会存在在这个世界上啊！ 为什么还有个不动的……呃，这个还挺正常的。 为什么只有我是正常人啊！ —— 世界上迷离的问题背后总会有惊人的答案，奇怪的事情总会出乎人的意料。 寻朝的苏武，以己换苍生的朱德，布阵病逝的诸葛孔明。200世纪的某天天空出现了一个类似于船的大型建筑被人们称之为“方舟”，每隔一段时间都会有不同等级的怪物出现，人类中也相继出现保卫者，他们拥有神一样的能力，守卫家园！因家园而战！！！现代反赌专家穿越到大明，睁眼便是生死局，满街皆是花样赌！ ?骰宝、牌九、叶子戏，走狗、斗鸡、蛐蛐乐！ 偷天换日、飞云探龙、?海底捞月、天外飞仙？ ?林萧笑了：过家家的把戏，也好班门弄斧？要说起出老千这档子事，我会的远比你们梦寐以求的多得多！ 凌凡左思右想，打算给金剑起个名字，总不能一直叫金剑吧？这样太没面子了，就叫“行天剑”听起来就够霸气，凌凡很是满意。一觉醒来，这个世界再也不是熟悉的那个车水马龙的样子，纷乱的战火，各色的超能力，这是干嘛啊！觉醒了SSS级别的超能力，我是奶妈？不，我这是圣职者，惩戒与祝福才是我的专长，那个劳什子治疗，只是我附带的能力罢了！21世界的凤凰男昊天不幸战死酒场，怨气冲天，魂魄不散，穿越重生到大草原，拯救昊氏于危难之中。 昊天运用在21世纪所学，带领昊氏统一大草原，进而逐鹿中原，建立王朝。一个只有七岁的小男孩，没有任何修为。。。 一个凡人就敢叫板修炼者、最后差点死掉。。。 不被亲戚以及任何人待见的王无尘，晕倒在路边，被七彩宏光救醒。。。 撞见小姑被辱 激发无名怒火，唤醒七彩红光，使七彩发生变异，从此身高定格在一米六五。。。 被人侮辱、辱骂、各种各样的嘲笑都不在乎，就是不能触碰底线。否则，让你知道花儿为什么那样红。。。 宇宙掌控者阻挡我，我就撑破你的宇宙，把你的宇宙挤压成一团。 王无尘一步一步的建立门派，带领兄弟，踏着纨绔子弟、自以为是、狗仗人势的肩膀踏上修真界，踩着修真界、仙界、神界、圣界、虚无界、甚至宇宙掌控者的尸体，走上哪个高度，成为无上主宰
我与人间问天道 偶像室友 玄幻：我能查看万物词条 赛尔号之女皇驾到 御灵逆天之旅 穿越古代我让家族称霸一方 浮生尘游 修仙从一次旅游开始 魔峦并剑 逍遥说书客 神契假面 桐湖秘境 人在末世？被迫造反！ 殿下何故又反 在异世界的我要小心生存 酒帝，我凭实力吃软饭 汉青 车甫水青的日记 师兄是真的脏 天煞仙旅 论文指导老师中期评语 论文摘要算重复率吗 论文指导记录详细的 5 论文怎样答辩开场白 论文指导老师中期评语 论文指导内容及意见 论文指导记录主演内容 论文直接用往届的 论文指导老师重要吗 论文指导工作日志 论文指导教师评议 论文指导检查意见 论文有哪几个部分组成部分组成部分组成部分组成 论文正文大纲 论文怎么才能不重复 论文怎样答辩 论文指导记录主演内容 论文指导老师重要吗 论文指导老师给成绩吗 论文怎么才能过 论文摘要算重复率吗 论文怎么加附录 论文指导老师意见300字 论文曾得到哪些帮助 论文正文大纲 论文有哪几个部分组成部分组成部分组成部分组成 论文指导老师重要吗 论文指导老师意见300字 论文指导老师给成绩吗 论文指导老师重要吗 论文怎样答辩 论文摘要算重复率吗 论文怎么在知网查重 论文怎么才能过 论文有哪几个部分组成部分组成部分组成部分 论文怎样答辩 论文怎么是引证 论文指导记录主演内容 论文有哪几个部分组成部分组成部分组成部分组成 论文怎么是引证 论文怎样答辩 论文指导 工作情况 论文幼儿家长进入课堂 论文指导检查意见 论文曾得到哪些帮助 论文摘要算重复率吗 论文指导教师评议 论文怎么在知网查重 论文有哪几个部分组成部分组成部分组成部分组成部分 论文指导记录详细的 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 一人一剑平天下 假如给你一个亿 黑鸦之吻 断杀戮 Thresher 百度 百度 百度 百度 百度 论文指导老师重要吗 论文指导教师评议 论文指导老师给成绩吗 论文指导记录主演内容 论文有哪几个部分组成部分组成部分组成部分组成 论文怎么加附录 论文指导工作日志 论文指导教师评议 论文摘要能出现我吗 论文指导记录详细的 论文怎样答辩 论文指导老师给成绩吗 论文有哪几个部分组成部分组成部分组成部分组成部分 论文指导记录填写 论文指导记录填写 论文怎么才能不重复 论文怎么才能过 论文有哪几个部分组成部分组成部分组成部分组成 论文怎样答辩开场白 论文怎么加附录 论文指导 工作情况 论文摘要算重复率吗 论文有哪几个部分组成部分组成部分组成部分组成部分 论文怎么在知网查重 论文指导记录详细的 5 论文怎么才能不重复 论文指导工作日志 论文有哪几个部分组成部分组成部分组成部分组成部分 论文有哪几个部分组成部分组成部分组成部分组成 论文指导工作日志 亚星官网 亚星官网 万利官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 欧博官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网