Style – Tables
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table
to any <table>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table> … </table>
Optional classes
Add any of the following classes to the .table
base class.
.table-striped
Adds zebra-striping to any table row within the <tbody>
via the :nth-child
CSS selector (not available in IE7-IE8).
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table> … </table>
.table-bordered
Add borders and rounded corners to the table.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table> … </table>
.table-hover
Enable a hover state on table rows within a <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table> … </table>
.table-condensed
Makes tables more compact by cutting cell padding in half.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table> … </table>
Optional row classes
Use contextual classes to color table rows.
Class | Description |
---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB – Monthly | 01/04/2012 | Approved |
2 | TB – Monthly | 02/04/2012 | Declined |
3 | TB – Monthly | 03/04/2012 | Pending |
4 | TB – Monthly | 04/04/2012 | Call in to confirm |
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr> ...
Supported table markup
List of supported table HTML elements and how they should be used.
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) labelsMust be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table>
Wow, amazing blog layout! How lengthy have you been running a blog for?
you make blogging look easy. The entire glance of your site
is great, as smartly as the content material!
You can see similar here najlepszy sklep
Wow, superb weblog format! How lengthy have you been blogging for?
you made blogging glance easy. The total
look of your website is magnificent, let alone the content!
You can see similar here dobry sklep
Way cool! Some extremely valid points! I appreciate you penning this
write-up and the rest of the site is extremely good. I saw similar here: Dobry sklep
Wow, fantastic weblog structure! How long have you been blogging
for? you make blogging glance easy. The total glance of
your site is great, let alone the content! You can see similar here sklep internetowy
Wow, marvelous blog structure! How long have you been blogging for?
you make blogging look easy. The entire glance of your website is wonderful,
let alone the content! You can see similar here sklep
Hey! Do you know if they make any plugins to assist with SEO?
I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good results.
If you know of any please share. Many thanks! You can read similar text
here: Sklep internetowy
It’s very interesting! If you need help, look here: ARA Agency
Hi there! Do you know if they make any plugins to
assist with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good results.
If you know of any please share. Thank you! You can read similar text here: Sklep internetowy
Howdy! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying to get
my blog to rank for some targeted keywords but I’m
not seeing very good gains. If you know of any
please share. Kudos! You can read similar art here:
Dobry sklep
Hello! Do you know if they make any plugins to help with Search
Engine Optimization? I’m trying to get my site to rank for some targeted keywords but I’m not seeing very
good success. If you know of any please share.
Kudos! You can read similar art here: List of Backlinks
Hello! Do you know if they make any plugins to help with
Search Engine Optimization? I’m trying to get my site to rank for some targeted
keywords but I’m not seeing very good success.
If you know of any please share. Many thanks! I saw similar article
here: Auto Approve List
buy metformin from india
3 tadalafil
valtrex 2000 mg
200 mg cialis
zestril 5 mg tablets
compare pharmacy prices
Wow, awesome blog structure! How long have you been running a blog for?
you make running a blog look easy. The whole glance of your web site is excellent, as well as the content material!
You can see similar here dobry sklep
non prescription medicine pharmacy
prednisone cost canada
synthroid 0.088 mg
valtrex online australia
azithromycin 500 prices
50 mg lisinopril
pharmaceutical online
glucophage price
online generic tadalafil
lowest price tadalafil
best generic valtrex
online pharmacy 365
lisinopril 40 mg price
Why You Should Not Think About The Need To Improve Your Accident Attorney
accident attorney oxnard (Yolanda)
metformin
The 9 Things Your Parents Taught You About GSA SER Download
gsa ser Download
5 Killer Quora Answers On Bmw Key repaired
Five Killer Quora Answers On Citroen Ds3 Key Replacement citroen ds3 key Replacement
The 10 Most Terrifying Things About SEO Management Services professional seo services
Guide To Double Glazed Window Replacement: The Intermediate Guide
In Double Glazed Window Replacement double glazed window replacement (Marla)
See What Ford Fiesta Replacement Key Cost Uk Tricks The Celebs Are Using ford fiesta Replacement Key
Nine Things That Your Parent Teach You About Glass Replacement Windows Glass Replacement Windows
Indisputable Proof You Need Double Glazing Window Lock Repair window doctor near me
happy family pharmacy
15 Pinterest Boards That Are The Best Of All Time About Double Glazing Shops Near Me Cheap Double Glazed Windows
10 Quick Tips For Slot Demo Pragmatic Slot Demo
Olympus X1000 – https://Bryant-Tennant-2.Technetbloggers.De –
Are You Sick Of Double Glazed Windows Near Me? 10 Inspirational Sources That Will Revive Your Love For Double
Glazed Windows Near Me double Glazed glass Replacement
10 Best Books On Autowatch Ghost Installation autowatch ghost Installation
Are Birth Defect Case As Vital As Everyone Says?
cambridge birth defect law firm
A Trip Back In Time The Conversations People Had About Leeds Door Panels 20 Years Ago Repairs To Double Glazed Windows
12 Companies Leading The Way In Car Key Program Near Me auto key programming near me
5 Tools That Everyone Who Works In The Stove
Defra Approved Industry Should Be Using DEFRA stoves comparison – https://qooh.me/,
The People Closest To Mobile Car Diagnostics Near Me Uk Uncover Big Secrets how much is a car Diagnostics test
Ten Sofas For Sale Products That Can Help You Live Better
Best couch bed (mozillabd.science)
10 Reasons That People Are Hateful Of Double Glazing Window Repairs Near
Me Secondary Double Glazing Near Me
10 Things We Were Hate About Fiat Punto Key Replacement fiat ducato remote key programming
The Reasons Why Adding A Vehicle Diagnostics To Your
Life Can Make All The Difference vauxhall Diagnostic near me (minecraftathome.com)
10 Things That Your Family Taught You About Bentley Continental Gt Key Fob Bentley
Continental Gt Key Fob (https://Itkvariat.Com/User/Dashboard32)
Twenty Myths About Mobility Scooters Near Me For Sale:
Busted cheap mobility scooters for sale Near me (http://m.w.aqus.co.kr/member/login.Html?noMemberOrder=&returnUrl=http://www.stes.tyc.edu.Tw/xoops/modules/profile/userinfo.php?uid=1259742)
Five Killer Quora Answers To Bunk Bed With Double Bed bunk bed with double
The 10 Most Terrifying Things About Mazda 3 Key Fob mazda 3 key fob
11 Ways To Totally Block Your Designer Handbags Black famous
Five Killer Quora Answers On Motor Vehicle Attorneys motor
Counter Strike Pc Explained In Fewer Than 140 Characters
case clutch
15 Top Pinterest Boards From All Time About Birth Injury Lawsuit hartford City birth injury lawyer
The Comprehensive Guide To Michael Kors Designer Bags Michael
Kors bag – Jestine –
20 Reasons Why Mobile Automobile Locksmith Near Me Will Never Be Forgotten locksmith automobile
– Bev –
Side By Side Fridge Freezers Tools To Improve Your
Day-To-Day Life what is The best rated side by side refrigerator
10 Things Everyone Hates About Mobility Scooter To Buy Mobility Scooter To Buy best mobility scooter to buy
Windows Leeds 10 Things I’d Loved To Know Sooner
Upvc Door Repairs Leeds (https://Www.Bos7.Cc)
7 Things About Locksmith Car Keys You’ll Kick Yourself For
Not Knowing fob
Why Double Bunk Bed Is A Must At A Minimum, Once In Your Lifetime bunk double beds (https://scientific-programs.science/wiki/What_To_Say_About_Bunk_Beds_Double_To_Your_Mom)
10 4 Wheel Drive Electric Scooter Hacks All Experts Recommend
Mobility scooter 4 wheel – Humanlove.Stream –
What’s The Current Job Market For Double Glazing Door Repairs Professionals?
Door Repair
See What Car Key Replacement Ford Tricks The Celebs Are Making Use Of key Replacement ford
80 mg prednisone daily
Why Nobody Cares About Best Folding Treadmill For Small
Space Home Treadmills
10 Reasons That People Are Hateful Of Bunk Bed For Kids Kids furniture
A Delightful Rant About Avon Online Order Avon on line
How Can A Weekly Slot Demo Pragmatic Project Can Change Your Life
Slot demo Rupiah gacor
10 Tips For Volkswagen Replacement Key That Are Unexpected volkswagen key
programmer – https://telegra.ph/,
10 Meetups About Bean Coffee Machine You Should Attend Automatic Coffee Makers
Five Lessons You Can Learn From Mesothelioma Settlement westlake mesothelioma attorney
5 Killer Quora Answers To Bunk Bed With Double Bed bunk bed with double
Why You’ll Need To Learn More About Boat Accident Lawyers mesa Boat accident attorney
See What Mobility Scooters On Road Or Pavement Tricks The Celebs Are Making Use Of mobility scooters on road or pavement [srv29897.ht-test.ru]