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
之大主宰漫画全集下载到手机水浒人物漫画图片stay gold 漫画中国古代行刑漫画男生说迷上女生漫画之大主宰漫画全集下载到手机狼性老公真人版漫画40stay gold 漫画提督和舰娘漫画迷洋最新漫画好看的仙魔小说漫画之大主宰漫画全集下载到手机孔雀故事 漫画花盗人漫画3stay gold 漫画迷洋最新漫画奥特q怪兽漫画男主我不是女主漫画男主我不是女主漫画死神乱舞邪恶漫画全集水浒漫画日本女男主我不是女主漫画提督和舰娘漫画木偶诡异漫画 僵尸村男生说迷上女生漫画美少女战士火野丽漫画中国古代行刑漫画海贼王美女的漫画 迅雷下载地址哪吒女版香港漫画孔雀故事 漫画某社畜穿越武侠世界，重生成为少年时代的林平之，觉醒签到系统。 只要在特殊场景中进行签到，就能得到逆天奖励！ 青城派围攻福威镖局的场景中——“是否进行超级签到？” “是！” “签到成功！恭喜获得昆仑三圣何足道之绝学《迅雷剑法》！” 凭借着系统金手指，他打破命运，成功改变原来的悲惨人生。 从此，美人入怀，仗剑而行，探寻武道之巅，只为逍遥九天！ 我是一个混球；没人喜欢，没人关注的，混球 李晋死了，还穿越到了游戏世界 他这辈子最大的遗憾就是强化了那把武器 而今他成为了可以强化武器的npc “勇士，今日装备锻造88折哦~” 屠龙者终成恶龙 2072年7月1日，封一鸣如往常一样被起床的闹钟吵醒，一睁眼，总感觉外面的气氛很压抑，往常应该大亮的天色，此时却显得昏暗无比，封一鸣从窗台向下望去，本该繁华无比的大街上此时竟空无一人，突然！楼下爆发出令人恐慌的尖叫声哭喊声夹杂着令人牙酸的吱吱声，砰砰砰，封一鸣的大门开始被人敲击，砰砰，砰砰砰，砰砰砰！声音越来越大越来越焦躁，封一鸣也被这突如其来的声音吓了一跳，他慢慢像门口走去，透过门缝，他看见一个脸上布满了眼睛的怪物，慢慢的，那怪物喉咙出突然裂开发出了声响，封一鸣被这画面惊吓的无法呼吸几乎要晕了过去，他踉跄往后倒了几步，门外却突然传开了喃喃的细语，一鸣，一鸣啊，一鸣快开门啊，我是奶奶啊一鸣，一鸣啊，奶奶好饿啊，乖孙快开开门，让奶奶……让……吃掉你，封一鸣本就未平复的心此刻掀起惊涛骇浪，随着门外的声音渐渐远去，封一鸣此刻只感到无尽的恐惧与诡异。 这座城市，，到底发生了什么，他真的是我的奶奶吗？突然间，三界晃动。三界不少地方出现了通往其它时空的黑洞。管理仙籍的仙侍在晃动之间把洛神的仙籍掉入了黑洞，只见一道粉光进入了黑洞，黑洞关闭。天下大乱，烽火狼烟!江湖纷争，血雨腥风!做一世纨绔，饮一壶烈酒，白马纵横，剑歌长行，是棋子?还是执棋者!左手为阴，右手为阳，自成乾坤，脚踏虚空，除魔证道。掌天地之轮回，握万界之生死。山河碎，群雄据，荒兽出，世间乱。 护客楼，天灵大陆上最大的一个护送组织；护客人，护客楼的第一执行人。 执我手中剑，护送天下客！ 我为护客人，只为守护一方人！2350年，时空局正式成立，人类从此掌握了时空穿梭的技术，并派驻时空卫士驻守时空隧道。 因违纪而将要判处死刑的时空卫士叶北辰收到了没落家族苏家的来信 “给我取回一样东西，帮助苏家复兴，也能保住你的性命！” 叶北辰决定再次铤而走险，回到2020年，取回苏家所说的宝物！ 但那个宝物，却深藏苏家府中… 为了深入苏家，叶北辰只能孤注一掷，参与到苏家与黑血集团的纠葛之中，最终竟成了苏家千金苏雪的贴身侍卫！ 一个是落魄之时身边不离不弃的女孩，一个是苏家豪门千金，重任在肩的叶北辰在两个心爱的女孩中间反复地挣扎着… 时空爆裂，雷电骤起，未来世界一片火海，叶北辰竟成为最后的时空穿梭者，面对曾经抛弃他的未来世界，叶北辰又会做出什么样的抉择… 一个清脆的响指过后，托尼·斯塔克眼前一白，什么也看不见。 ‘难道我就这么死了吗’斯塔克闭上了双眼。 ‘不好意思你还不能死.......’一道声音传来。 ‘是谁！’斯塔克见有来人大喊了一声，神经也处于紧张的状态。 ‘我是漫威宇宙的观察者，托尼·斯塔克，你是受到永恒族知识诅咒的人，你不能这么轻易的陨落。’空灵的声音传来，但只闻其声不见其人。 ‘那我该何去何从？’ ‘你将重生于C34平行宇宙中一个叫陈天身上，从头开始这一切。超级英雄还是花花公子，都由你自己选择.......’
大唐，开局李二是我爹？ 小黑屋全勤码字交流群 亓：凭依各地的梦战 时之暗影 都市守夜者 大秦神魔传 重回晚清当皇帝 独步天下，逍遥，天下独尊 破晓枪声 仙魔逆之轮回身 天运符箓 成魔证道 我能编写因果 海贼王：仙武神话 全师门就我一个男人 永世天殇之帝君诞生 朝阳少来 到另一个世界挨打？ 孤勇者的歌 岳龙跨天堑 快看漫画里的动漫人物 我的女儿漫画 奥特q怪兽漫画 男主我不是女主漫画 快看漫画里的动漫人物 女生跟女生接吻漫画 柯拉松和罗bl漫画 新也美树爱妻万岁漫画 美少女战士火野丽漫画 孔雀故事 漫画 提督和舰娘漫画 最新上传的兽人漫画 木偶诡异漫画 僵尸村 迷洋最新漫画 正常体位漫画 男生说迷上女生漫画 柯拉松和罗bl漫画 美少女战士火野丽漫画 水浒漫画日本女 之大主宰漫画全集下载到手机 我的女儿漫画 stay gold 漫画 水浒人物漫画图片 花盗人漫画3 迷洋最新漫画 木偶诡异漫画 僵尸村 美少女战士火野丽漫画 水浒人物漫画图片 水浒漫画日本女 美少女战士火野丽漫画 男生说迷上女生漫画 我的女儿漫画 中国古代行刑漫画 之大主宰漫画全集下载到手机 海贼王美女的漫画 迅雷下载地址 男生说迷上女生漫画 死神同人bl漫画 柯拉松和罗bl漫画 木偶诡异漫画 僵尸村 死神同人bl漫画 男生说迷上女生漫画 雷人漫画在线 死神乱舞邪恶漫画全集 最新上传的兽人漫画 花盗人漫画3 我的女儿漫画 提督和舰娘漫画 中国古代行刑漫画 哪吒女版香港漫画 狼性老公真人版漫画40 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 第四大陆：冰火重生 风烈苍穹 凶宅试睡师 仙影魔踪诛万魔 魔亭川 AG真人 亚星官网 万利游戏官网 欧博官网 澳门葡京游戏官网 哪吒女版香港漫画 海贼王美女的漫画 迅雷下载地址 提督和舰娘漫画 花盗人漫画3 新也美树爱妻万岁漫画 体育馆萝莉漫画· 水浒漫画日本女 提督和舰娘漫画 死神同人bl漫画 水浒漫画日本女 美少女战士火野丽漫画 之大主宰漫画全集下载到手机 奥特q怪兽漫画 迷洋最新漫画 快看漫画里的动漫人物 stay gold 漫画 中国古代行刑漫画 死神同人bl漫画 女生跟女生接吻漫画 狼人变身漫画大全 最新上传的兽人漫画 中国古代行刑漫画 哪吒女版香港漫画 海贼王美女的漫画 迅雷下载地址 我的女儿漫画 木偶诡异漫画 僵尸村 正常体位漫画 好看的仙魔小说漫画 之大主宰漫画全集下载到手机 体育馆萝莉漫画·