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
电影天台强奸日本电影 动物头套 密室具有乡土气息的电影周星驰比较好看的电影无厘头搞笑的电影电影天台强奸有个电影的的一个女人具有乡土气息的电影江南电影院苍井空有关东北的电影西红柿电影电影天台强奸色浴电影西红柿电影具有乡土气息的电影有关东北的电影愤怒的小孩电影简说好莱坞暴力血腥电影好莱坞暴力血腥电影股神电影下载林正英电影妓女女鬼唱的小调好莱坞暴力血腥电影德州风云微电影福音电影推荐无厘头搞笑的电影遛鸟电影周星驰比较好看的电影电影第22条军规片尾曲男明星裸露电影色浴电影［无限流+灵异+悬疑+鬼怪。］ 数十年前，袁文锦的爷爷因为一己私欲，与恶鬼做交易。 把自己孙子献祭给它，便保他一生福贵。 在袁文锦出事后他的爷爷便反悔，他要保下袁文锦。他借助黑暗的力量把袁文锦与一个神秘的地方链接起来。 恶鬼恐惧那力量，一怒之下便屠了他满门。只留下袁文锦一人苟活在世。 封林是一个在北京潘家园旧货市场开旧物店的小老板，一次在给店里的老房屋装修的机会，竟然在家里墙壁地下暗格发现一个密室，不太大的密室角落里有着一口上了锁的红色的木箱子，盒子打开后里面有着几样东西，一块巴掌大纯金的腰牌。 一本非常破旧的遁甲巫术古书, 还有着一本记录了很多秘事的明朝古书，还有一张残缺不全的地图，箱子里面藏着很多的秘密，让他知道了自己的家族竟然是一个传奇盗墓家族的后人 从古至今的家族秘密缓缓的被揭开，父亲的突然消失，也与此事有关，是为了寻找哪些传说中的东西。 自己兄弟的回归，退役特种兵赵雷，去追寻着父亲的脚步去寻找那传说中的古遗迹，不得不踏入那些恐怖之地。 入活人的禁区，与僵尸斗法，与活人斗智，有一张尸面的鬼狐仙，荒冢野坟墓里的媚女，害人的白皮千年老狸子，披着美女人皮的行尸走肉，几十年难得一见沉没在海里的幽灵鬼船。 一张残破不全的地图，一截刻满符文的龙骨，到底藏着什么秘密？ 他离开后，天地受异族侵略，万千宗族刹那间变成灰烬。受天地所赐拥有十八神体的少年主动挑起了大梁，战至四肢尽灭，战至万里血浆！ 只为诸君战四方，莫言人族无人皇！杀！绝世神王，重生一世，修无上逆天功法，有神王传承记忆，偶尔指点一下那所谓的天下大师，随手收几个天才做弟子跟班。 “缺少功法？那很简单！” “没有丹药？容易至极！” “问题是，你跟我混了么？” 这一世，叶星辰注定要踏上那巅峰至强者，以强凌云，以武逆天。他们因不小心犯下的错误而不得不前往那那………………，那里是哪里?他们去干什么?那里有什么?……等种种问题将会在书中揭晓这部小说讲的是一个都市草根通过修行逆袭发迹的故事。 男主是一个普通的甚至是有些窝囊的都市迷惘青年，他被迫熬夜加班，迫于生活无法辞职；他家境普通甚至有些贫寒，只能躲进狭窄逼仄的家中小空间里寻找心灵的寄托；他因为失恋而丢了工作，甚至被妈妈怀疑有自杀倾向；他年纪轻轻居然吸引不到妞，早早走上一天之内要相亲两场的悲催之路；他各种无奈...... 就是这么一个无奈而压抑的草根，在内卷中居然逆袭了。而逆袭靠的不是找到一个赏识自己的好老板，攀附了一个大厂，自己这匹良马终于找到了一个伯乐；也不是靠女人上位，找到了一个好丈人；更没有相互扶持努力前行的好哥们。 他靠的是一股神力，这股神力不是任何外力，是要靠自己不断去挖掘出来的内在的神力。 我们且准备好小板凳，看作者如何铺就这条草根挖掘内在灵性逆袭为大师的人生之路。一直遭受女朋友母亲无情刁难辱骂为“破代驾”的他，却因其英俊，技术好被绝美女客户看中，青睐有加！ 旋即，叶飞豪在卷入一场女人的战争后，可谓时来运转，竟意外获得第一桶金，并寻得惊世灵根，激发旷世医武道法！ 从此他投身商海，掀波弄潮，美女财富涌来；更是纵横医武，打脸各色权贵，横扫都市，成就一代豪横世家！二师兄被人忽悠进了元宇宙，以为站在了时代风口，可以飞起来了，万万没有想到，却成为人生负翁。老父亲气急交加，扇了他一巴掌，竟使他具备了人机对接、信息迁移功能。此后回到老家农村，搭建了自己的元宇宙，开始了自己的加挂创业模式......破碎的竹简，修改历史。接续的断玉，破茧重生。华夏大地的历史一次又一次的变幻，究竟哪些是真哪些是假。穿越各大王朝，一个终极的秘密即将揭开。两个组织的碰撞，守护华夏历史的责任。待我将这一切缓缓道来。他本是星辰帝国的太子，可谁料发生叛乱，让当时年仅8岁的他，父母双亡，经脉被废，从堂堂太子变为废物。他本以为这辈子都不能修炼了，所以一心求死，可是却遇到了一位老仙人。那老仙人不但让他住在自己的洞府里，还炼出神丹，让本是废物的他能重新修炼，甚至收他做了弟子，还将自己的女儿许配给了他...... 他定要在这片大陆掀起波澜，报仇雪恨......
末日前我把恶魔少女带回家 四具棺材 东晋燕秦 至幻 都市之潜龙震天 落晴鸢 宇宙之外之人类的自我救赎 黑网迷失 元素之主 繁华的守护者 我不小心获得了全能系统 开局觉醒李白模板 超品鉴宝师 秦卒 我名：恒生 大武不良人 大夏之江湖风云 天道眷顾 仙尘异行 修仙就是开挂 太子妃电影古代 家庭矛盾的电影 愤怒的小孩电影简说 好莱坞暴力血腥电影 太子妃电影古代 关于家猫的电影 海豚音 电影 1944电影 百度云 遛鸟电影 色浴电影 德州风云微电影 德州风云微电影 福音电影推荐 有关东北的电影 宝石宠物电影 无厘头搞笑的电影 海豚音 电影 遛鸟电影 林正英电影妓女女鬼唱的小调 电影天台强奸 家庭矛盾的电影 具有乡土气息的电影 日本电影 动物头套 密室 虎皮枫木电影中拉的是哪首曲子 1944电影 百度云 福音电影推荐 遛鸟电影 日本电影 动物头套 密室 林正英电影妓女女鬼唱的小调 遛鸟电影 好莱坞暴力血腥电影 家庭矛盾的电影 周星驰比较好看的电影 电影天台强奸 福音电影推荐 无厘头搞笑的电影 章鲨大战梭鱼翼龙电影 海豚音 电影 福音电影推荐 章鲨大战梭鱼翼龙电影 无厘头搞笑的电影 伞头和他的女人天堂电影 股神电影下载 开拍网 电影 虎皮枫木电影中拉的是哪首曲子 家庭矛盾的电影 德州风云微电影 周星驰比较好看的电影 男明星裸露电影 有个电影的的一个女人 亚星游戏官网 亚星官网 亚星官网 亚星官网 亚星官网 我的世界之自由属性 玄龙剑诀 我平凡人生 染指昙花香 穿越异界之最强武尊 亚星管理平台 葡京官网 AG真人 亚星管理平台 万利官网 具有乡土气息的电影 电影天台强奸 小王子电影看不懂 具有乡土气息的电影 无厘头搞笑的电影 色浴电影 好莱坞暴力血腥电影 关于家猫的电影 西红柿电影 关于家猫的电影 德州风云微电影 电影第22条军规片尾曲 有关东北的电影 股神电影下载 1944电影 百度云 德州风云微电影 色浴电影 1944电影 百度云 遛鸟电影 伞头和他的女人天堂电影 有个电影的的一个女人 太子妃电影古代 愤怒的小孩电影简说 无厘头搞笑的电影 开拍网 电影 无厘头搞笑的电影 股神电影下载 好莱坞暴力血腥电影 江南电影院苍井空 家庭矛盾的电影