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
感恩类主题游戏改装车游戏下载感恩类主题游戏钢琴活动游戏大全图片大全图片大全图片大全图片大全高中生无道具小游戏高潮游戏 在线阅读感恩节活动互动游戏高校女妓游戏钢琴活动游戏大全图片大全图片大全图片大全图片盖房子手机小游戏在线改装车游戏下载高速真实模拟驾驶游戏下载干琴2游戏下载改造旧衣小游戏高校女妓游戏盖房子手机小游戏在线高速生活游戏搞怪单机小游戏搞怪单机小游戏钢铁侠中文版游戏钢琴活动游戏大全图片大全图片大全图片大全图片欣赏搞怪单机小游戏钢琴活动游戏大全图片大全图片大全图片大全图片钢铁巨乳1小游戏高中生无道具小游戏钢琴块儿2的游戏下载高中生聚会小游戏钢铁巨乳1小游戏钢铁侠中文版游戏干琴2游戏下载“我堂堂沐云洲第一少，近千年来第一个九道雷劫渡劫者，身高七尺，相貌英俊，可这是如何。”君云笙看着这副女儿身，愤恨道。 &amp;quot;怎么，对我的身子不满意?我这个身体主人还没说什么，伱倒是挑剔起来了，信不信我一碗泄神汤一尸两命！&amp;quot;君洛秋道。 “闹着玩，闹着玩。”君云笙抓紧赔笑。 修仙之途遥不可及，沐云洲第一天才雷劫失败，神识却意外转生到君城城主女儿身上。 叶凡，一个普通的上班族，偶然穿越到大雍修仙世界，成为师门里唯一的男人。 原本天上人间的生活却因系统的奖励让叶凡十分头疼。 “十世元阳之体？！” “童子功？！” “系统，你特喵玩我呢！” 【叮，宿主顶住了四师姐诱惑，道心稳固，童子功等级上升。修为上升！】 【叮，宿主顶住了宗主的诱惑，道心稳固，童子功等级大幅度上升，修为大幅度上升！】 …… 四师姐绿蔓儿：“小师弟求求你了，跟师姐双修吧！” 宗主冷清玄：“乖徒儿，你与为师双修才可振兴宗门，请你务必做出亿点牺牲！” 叶凡：“呔，妖精，休想乱我道心！” 身为挂逼，叶凡身在花丛中，片叶不沾身，一路带领师门成为世上最强！ 沉眠三载，不知岁月流江。 废材？不是，是天才！ 帝脉天赐，指天斥神张扬。 废体？不是，是神体！天下为敌，为伊孤战八方。 男人的尊严，需自己找回！武逆修神，古今天地至上。 神体开启，不生即死！一朝成神，纵横万载无双！ 以异晶淬气，以精魄炼体！天笑我，我笑天！ 神体大成，碎灭乾坤！武徒--武者--武师--大武师--武灵--武宗--武尊--武王--武皇--武圣--武帝---------------------------------------【轻松爽文，热血，扮猪吃虎。】虾米个人微信公众号有免费番外可以阅读，zhishixiaoxiami，只是小虾米拼音。不可磨灭的记忆，可在骨子里的过往江泽白纵酒高歌，泪流满面，徒影自怜，不过是为了那几缕人间烟火。南宋的软弱无能，金人的侵袭，他不知道小园香径独徘徊了多少次。他小时候见过岳飞，并对他崇拜的不得了。直到有一天，年少的他看着漫天大雪，得知了岳飞的死讯......男主时律是个杀手，并且不得已娶了一个他不爱的富婆（赵琴琴），后来仇家寻仇，赵琴琴发现时律身份，震惊之余拼死保护时律，在这时时律发现自己早就喜欢上了自己的妻子，但为时已晚，二人双双死去。一阵天旋地转之间，时律睁开眼睛，看着自己的富婆妻子，嘴一撇：“老婆。”赵琴琴呆在原地，他从未叫过自己老婆，从此，杀手和富婆开始了没羞没躁的快乐生活。云云众生，草根人物，命运多殂，应何以为之？何以搏之？ 滚滚的历史长河，浩如烟海的典籍，人神鼻祖，帝王将相，先贤哲人，无不树碑立传，著书立说，话其伟绩。然而，蝼蚁草芥经历了怎样的狂风暴雨，遭受了何等的苦难辛酸，亦或是又品尝了那些快乐幸福，少有问津，甚是惨淡。今攫取其中的颗粒，让芸芸众生在茶余饭后，闲暇无趣之时，偶尔翻翻，聊以打发寂寞的时日，慰藉空虚的灵魂；也可以让那些迷途的羔羊，引以为戒，奋发图强，在恰当的时间里，在适合自己的道路上披荆斩棘，勇往直前，创造属于自己的辉煌。更可以解剖人生，探究灵魂，寻求真谛，放飞心灵，让假丑恶在烈日下暴曝，使真善美在甘露里滋养；让华丽掩藏的肮脏暴露在阳光下面，使正义湮没的腐臭吹散于飓风之中。不希望名流千古，也不奢求身家有值；只是在人生末途散发余热，在风烛残年不蹉跎岁月；也可以说是菩提下的空悟，是灵台里的忏悔；是坎坷崎岖道路上的觉醒，也是酸甜苦辣滋味里的品尝。 21世纪中期，未知病毒突现人类社会，没有症状，每一个被感染的人类都会被某种规则束缚，并且从未出现完全相同的规则。有人因获得的规则一步登天，有人却因此连生活都无法自理，有人因规则过于强大被政府雪藏，大多数人仍正常生活在看似和睦的正常社会中...... 啪！ 醒木一拍，道的是江湖风风雨雨人情世故，道的是少年鲜衣怒马快意恩仇。 道的是将军醉卧沙场处之泰然，道的是侠客借酒消愁一情难断。 道的更是那听书人听到深处意犹未尽，却只能听见一句： “欲知后事如何，且听我下回分说！” 放下执着的念想，当下即得轻松。
极点超神 剑指神明 重生神猿，我能掠夺别人气运 极夜歌行 众神偏爱我们兄妹 我与神皇在末世 法师世界之传说 青春之我 湮林记 理想世界之天地起源 末日余烬 我之大明 星海救赎 修仙大佬重生异世界之旅 炼气无限 覆手为雨2022 风起皇途 紫金之路：重生黄曼巴 我不是大郎 天渊辰 盖房子农场游戏大全 钢琴块儿2的游戏下载安装 高校女妓游戏 钢琴活动游戏大全图片大全图片大全图片大全图片欣赏 盖房子农场游戏大全 盖楼小游戏中国版 高校女妓游戏下载 钢铁巨乳1游戏 盖房子手机小游戏在线 高潮游戏 在线 高中生无道具小游戏 高中生聚会小游戏 干琴2游戏下载 钢琴块儿2的游戏下载安装 高速生活游戏 钢琴活动游戏大全图片大全图片大全图片大全图片欣赏 高校女妓游戏下载 盖房子手机小游戏在线 改造旧衣小游戏 感恩类主题游戏 钢琴块儿2的游戏下载安装 钢二打架的游戏 改装车游戏下载 钢琴块2相似游戏 钢铁巨乳1小游戏 干琴2游戏下载 盖房子手机小游戏在线 改装车游戏下载 改造旧衣小游戏 盖房子手机小游戏在线 钢琴活动游戏大全图片大全图片大全图片大全图片欣赏 钢琴块儿2的游戏下载安装 钢琴活动游戏大全图片大全图片大全图片大全图片 高速生活游戏 干琴2游戏 钢琴活动游戏大全图片大全图片大全图片大全图片欣赏 钢琴活动游戏大全图片大全图片大全图片大全图片 高校女妓游戏 干琴2游戏下载 钢二打架的游戏 钢琴活动游戏大全图片大全图片大全图片大全图片大全 钢铁侠中文版游戏 感恩节活动互动游戏 高中生聚会小游戏 钢琴块2相似游戏 钢琴块儿2的游戏下载安装 高中生聚会小游戏 钢琴活动游戏大全图片大全图片大全图片大全图片大全 干琴2游戏下载 高速真实模拟驾驶游戏下载 亚星官网 亚星官网 亚星官网 亚星官网 亚星官网 大明权相 九州战魂 孰知阴阳 我与道士的那些事 末世之每日一签算吉凶 万利官网 欧博官网 皇冠登3出租 万利官网 快连下载 高速真实模拟驾驶游戏下载 高校女妓游戏 钢铁巨乳1游戏 高潮游戏 在线 钢琴块儿2的游戏下载安装 高中生无道具小游戏 盖房子手机小游戏在线 钢琴活动游戏大全图片大全图片大全图片大全图片欣赏 钢铁巨乳1游戏 高速生活游戏 钢琴块2相似游戏 干琴2游戏下载 钢铁侠中文版游戏 钢琴活动游戏大全图片大全图片大全图片大全图片大全 搞怪单机小游戏 高中生无道具小游戏 钢琴块2wei是什么游戏 钢琴块2相似游戏 钢二打架的游戏 钢铁侠中文版游戏 改装车游戏下载 钢二打架的游戏 感恩节活动互动游戏 高中生聚会小游戏 盖房子手机小游戏在线 钢琴块2wei是什么游戏 搞怪单机小游戏 钢二打架的游戏 高中生聚会小游戏 高校女妓游戏下载