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
论文 续表全民创业论文论文中的图的图题论文课题类型有哪些论文文献搜索器论文 续表施工索赔管理研究论文论文中的图的图题如何在电脑上写论文关于某地民俗的论文不想写硕士论文论文中的图的图题论文 融资不想写硕士论文写论文图像编辑关于某地民俗的论文硕士论文自我抄袭写论文的心得体会论文文献搜索器学士论文代写状元论文网信誉度怎样写论文的心得体会如何在电脑上写论文报告与论文的区别nike市场营销论文硕士论文怎么开始写nike市场营销论文如何开始写博士论文学士论文代写写论文 有什么好的网站谁的青春不曾醉心于音乐、梦想抱着吉他为心上人引吭高歌？有道是商场如战场，岂知眩目的舞台亦如是。热爱文艺的男主由学生时代青涩的小歌迷，经历高人的点拨、学琴的快乐、打工的艰辛、大学的才气、组队的磨砺、爱情的甜蜜与苦涩，逐步迈入乃至深入“圈”内，才发现光怪陆离的聚光灯下竟是鱼龙混杂，辉煌暗淡得意伤感伴随尔虞我诈恩恩怨怨。历经悲欢离合坎坷多舛音乐之路的男主披荆斩棘终迎来演艺巅峰。铿锵奏鸣二十载史诗般摇滚传奇，激情澎湃致敬青春华彩与光荣梦想的一曲励志赞歌。带着音符节奏般的文字表述，身临震撼现场般的阅读体验。魏和平在迷茫中穿越到了平行世界，无意中发现了系统的存在，他该勇往直前，还是猥琐发育，我决定要安全的浪。夕阳不落黑暗永坠。 人族发展前前后后经历了六次黑暗，这第七次黑暗也在这个时候缓缓的来临，所有人都希望能够在这黑暗之中能够存活下来，也正是因为第七黑暗的来临，整个世界也在悄无声息之中发生了翻天覆地的变化，每一次黑暗来临都会孕育出一代强者，而这些强者之中拥有着自己的血脉传承，那些前六次黑暗之中存活下来的血脉传承逐渐的成为了所有人在这第七黑暗存活下来的希望。林阳穿越三国，成为济世堂杂役，同时得到神医豪强系统，拥有现代医学仪器，开局直接震惊华佗，拜其为师！ 曹操：林阳，你医术精湛，谋略竟然也如此惊人？真乃奇人！ 诸葛亮：草船借箭，竟然借的都是火箭？林阳还是个人了？ 孙权：林阳究竟是何许人也？竟然如此神鬼莫测！ 周瑜：此人谋略在我之上，还把我的心上人小乔抢走了，哎，既生瑜，何生阳？ 华佗：师父不仅医术天下无双，谋略更是天下第一！ 三国群英：林阳难道是天选之子？竟然发明了这么多的远程火力？这岂不是天下无敌了？ 林阳：咳咳，小老弟们，不要大惊小怪，都是基本操作！ 本小说及人物纯属虚构，如有雷同，纯属巧合，切勿模仿！ 教皇国1760年兰都王立魔法学院院长多夫多预言------昔日死国将重现人间。 同年冬天，一种诡异的丧尸袭击了兰都王立魔法学院。一片混乱中，一群自称【旧人类】的亚人生物宣告将亲手毁灭教皇国的一切。 末日即将来临，奈尔对夏娅说 ”不用担心，不管怎样我都会保护你。“未来，地球资源枯竭殆尽，世界人口膨胀严重，世界战争阴云密布，联合国兔鹰熊鸡牛联合世界所有国家政府开发了一款游戏。让强制休眠的人口不至于暴动，让战争阴云下得军队在游戏中砍杀。游戏名《盛世》，所有国家取自本国历史上最繁荣时期。追寻美好，开启征途。盛世之中，亦有凶险。你好，我叫刘意。 如果能听到我的声音说明我距离你们并不遥远。 如果可以，请尽量避免外出，在家中备好食物与水请等待军队的救援，重申一下，如果可以请不要外出，外面很危险，到处都是食人的怪物，请拿好武器保护好自己，请一定要。。活下去。over刘飞的吊丝之路明朝有本叫做《唐诗品汇》的书，书中把唐诗分为四个阶段:初，中，盛，晚。后来人们发现把唐朝历史也是可以这样划分为初唐，中唐、盛唐、晚唐。而唐朝作为曾经辉煌的朝代。从建立，发展到顶峰，终于不可避免的跌落低谷。当他在痛苦中挣扎，人们以为他终于可以重新站立起来的时候，却随着唐宣宗的逝世，慢慢步入深渊，走向毁灭。大厦将倾，而暴风即将来临…白云图，初品时～女装绝美、男装劲爆…巴蛇，白云图灵兽～黑蛇青首、形影不离…白霜雪，天界第一神兽、六尾朱雀神君…如此，看似毫无任何关系的三人，命运却相互交错在一起…且看天界、魔界、人界～三界传说风云再起，当真相慢慢浮现时，他们才知道～倚剑高歌！！碎梦江湖！！ 以我之血，换天下常宁！！
开局签到抽奖，仙武无敌 非主流战神 一介俗人 我本为圣 混世不乱 逆生长空间 末世：求生的旅行 这个城市的回忆 什么都能修的匠人 神谕末日 无上双神 无极枪圣 东山十狼 缥缈寻仙路 神图师 记生录 星夜永痕 云努南江 从乞丐开始成为源师 蓝星:三维的末路 从开学到现在的成绩论文 论文选题注意事项 中国茶道与孝道的关系的论文 论文文献搜索器 全民创业论文 如何开始写博士论文 中国茶道与孝道的关系的论文 古希腊神话研究性学习论文 硕士论文怎么开始写 论文 融资 高一经济小论文 高一经济小论文 代写毕业论文犯法吗 论文选题注意事项 论文 续表 论文文献搜索器 怎样设置论文格式 从开学到现在的成绩论文 状元论文网怎么样 论文中的图的图题 论文选题注意事项 论文中的图的图题 状元论文网怎么样 写论文的心得体会 关于某地民俗的论文 代写毕业论文犯法吗 从开学到现在的成绩论文 状元论文网怎么样 状元论文网怎么样 硕士论文怎么开始写 论文文献搜索器 不想写博士论文 论文课题类型有哪些 论文 续表 报告与论文的区别 nike市场营销论文 论文课题类型有哪些 中国茶道与孝道的关系的论文 报告与论文的区别 写论文图像编辑 nike市场营销论文 古希腊神话研究性学习论文 学士论文代写 怎样设置论文格式 不想写硕士论文 不想写博士论文 高一经济小论文 nike市场营销论文 代写毕业论文犯法吗 硕士论文自我抄袭 亚星官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 一念道沉 圣穹寂 异星生存之制霸宇宙 三族至尊 在顶尖人物里当证人 欧博官网 百家乐官网 葡京官网 亚星管理平台 万利游戏官网 论文 续表 学士论文代写 论文 融资 论文 续表 论文课题类型有哪些 关于某地民俗的论文 论文课题类型有哪些 论文中的图的图题 论文文献搜索器 全民创业论文 怎样设置论文格式 硕士论文怎么开始写 不想写博士论文 论文文献搜索器 不想写博士论文 怎样设置论文格式 古希腊神话研究性学习论文 论文选题注意事项 论文 续表 关于某地民俗的论文 写论文 有什么好的网站 状元论文网怎么样 硕士论文自我抄袭 论文 融资 怎样设置论文格式 nike市场营销论文 不想写硕士论文 论文文献搜索器 状元论文网信誉度怎样 中国茶道与孝道的关系的论文