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 @twitter
[table]
<table>
  …
</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 @twitter
[table type="table-striped"]
<table>
  …
</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 @twitter
[table type="table-bordered"]
<table>
  …
</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 @twitter
[table type="table-hover"]
<table>
  …
</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 @twitter
[table type="table-condensed"]
<table>
  …
</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>

70 thoughts on “Style – Tables

  1. Aspef says:

    Sands says that this shampoo is excellent “for preserving the moisture of the hair while strengthening and reinforcing weak areas of the hair shaft.” She explains, “This cleanser has a rich botanical-based lather and is so effective at preserving your hair’s hydration.” When Rich Ohnmacht was in college, he found himself cutting and coloring his friends’ hair to earn extra cash—so it’s completely natural he decided to make the art of hair his full-time profession years later. A fixture in Hollywood’s competitive hair industry, he spent 15 years at Joseph Martin Salon and 10 years at Beverly Hills’ Frederic Fekkai Salon before making the move to Meche. Hardges also likes to use mousse on fine hair because it’s light and keeps the hair from being weighed down. She mentions using the foamy product on roller sets on relaxed natural hair, saying “they definitely have their place.”
    http://w.ballpennara.com/bbs/board.php?bo_table=free&wr_id=13216
    Shop the best high quality hair tools and products. Whether looking for lipstick, eyeshadow or mascara, people always want to buy from a top beauty supply store in Delray Beach FL that backs all products with credibility. Not to mention the fact that when most people ask “which are the best cosmetics stores near me,” it is often because they are looking for a store which will give them some direction. So, having helpful and knowledgeable employees can be a huge plus for everyone. One of the top features of Earth’s Nectar is their clever use of PickyStory’s shop the look feature. They make it easy for customers to shop products by their hair type by displaying shoppable images. When a customer selects their hair type, each of the products used to create that look is displayed and can be added to their cart in a few easy clicks.

  2. skeli says:

    } The disadvantage of Titanium Dioxide is that it’s not cosmetically elegant, meaning it’s a white, “unspreadable” mess. Sunscreens containing Titanium Dioxide are often hard to spread on the skin and they leave a disturbing whitish tint. The cosmetic industry is, of course, really trying to solve this problem and the best solution so far is using nanoparticles. The itsy-bitsy Nano-sized particles improve both spreadability and reduce the whitish tint a lot, but unfortunately, it also introduces new health concerns.  I know this is old but… I just got those same eye patches from TJ Maxx and THEY BURN .. I thought it was the serum I put on B4 but tried again on clean skin and EVEN WORSE.. only wore 2-3 mins… I have no issues with niacinamide, hyaluronic acid, or any other ingredients.. I’m a skin care junky so I’m SURE.. I’m throwing them away… Ty for posting this even though it’s a year later.
    http://www.humiracle.com/bbs/board.php?bo_table=free&wr_id=35587
    Free shipping on retail orders over $75 within the US Some users have found the cream effective at plumping and brightening the eyes. Others found it moisturizing and easier to use under makeup than similar products. Helps improve skin elasticity. Proven to help reduce eye puffiness and dark circles. You typically want to apply products from lightest to heaviest. Apply your eye cream after you cleanse your skin and apply sunscreen. Then use your moisturizer. The idea is that by applying your eye cream before your moisturizer, the ingredients can easily penetrate your skin. Customer Service The anatomy of your under-eye skin differs drastically from the skin on the rest of your face. For starters, it’s significantly thinner, which means this area is more prone to dark circles, premature fine lines, puffiness, and a loss of elasticity. If you’re looking to combat these skin concerns, then you should absolutely add an eye cream to your skincare regimen, advises Dr. Shamban. However, if moisturizing your under-eye area is truly your only concern, then your regular facial moisturizer should do the trick — so long as it doesn’t irritate your more sensitive under-eye area.

  3. Bosse says:

    13. Risk (free): If there’s something you probably have a little more of now, it’s time. What better heavy-weight game to tackle when days are just blending together anyway! Risk is the “people’s champ” of war gaming. It’s a legend. It’s long. It did an incredible job transitioning to an app. It has a Pass-n-Play version, if you’re playing with others in your house, and also lets you play with friends remotely. Whether you prefer trivia, Bingo, word games, or card games, there’s a way to play online. A classic word board game that everyone loves that now has a virtual version. The online edition of Boggle With Friends has added new features and challenges that will add a perfect twist to your virtual game night. There are paid upgrades for the game’s app version, but the free version should be enough to give you and your friends a great time.
    https://www.tipsofwork.com/community/account/2771cdxviii8134/
    Atari Pong is a classic video game that was released in 1972. Atari Pong was one of the first video games to gain popularity and considered to be a pioneer in the video game industry. Mahjong Solitaire’s basic design and user-friendly mechanics were well received by the Android gaming community resulting in a 4.58/5 overall gameplay rating. The game also boasts millions of downloads from players across the globe. With new games, new updates, and new ways to play, join one of the biggest communities in gaming and start crafting today! The traditional mahjong game is played on a board, the player picks a mahjong tile every turn and discards one. Your discarded tile might be picked up by the other players as per mahjong rules to make matching pairs and matching tiles. There are also special tiles in this tile game that act as a multiplier for your winnings for the game, such as the flower tile.

  4. Alkam says:

    Первый раз купила подводку такого типа. Я в полном восторге! Мягкая, кремовая, плотная текстура рисует классно, линия не прерывается, на кисточку набирать надо чуть-чуть. Аллергии нет. Теперь это моя любимая подводка!!! Легко кистью рисовать стрелки. Супер!!!! Nature’s Answer, Vitex, ягоды монашьего перца, витекса священного, 90 вегетарианских капсулЧитайте далее Для нанесения гелевой подводки на веки желательно использовать «родную» кисточку. Это самый удобный вариант для прорисовки стрелки. Чтобы макияж держался дольше, особенно на жирной коже век перед нанесением подводки нужно покрыть глаз специальной базой под тени. В крайнем случае просто припудрите веки. Цена: подводка — около 2783 руб. (только в Articoli Bosco в ГУМе). Одной из задач компании “Мейбелин” является создание современных косметических средств, которые помогут акцентировать внимание на особенностях внешности любой представительницы слабого пола, оставаясь при этом естественной. Каждая женщина очаровательна сама по себе, а продукция “Мейбелин” лишь подчеркнет неповторимость и шарм.
    https://blesseduzochikwa.com/community/profile/herminerand9658/
    В случае роллера всё довольно просто. Сначала умойся и увлажни кожу. Затем возьми девайс одной рукой и начинай медленно водить им по основным участкам лица, избегая области вокруг глаз. Массируй шею, но никогда не трогай ту область горла, где находится щитовидная железа. Этот совет актуален для всех массажеров и техник массажа. отличная штука для массажа лица, очень удобно, особенно приятно, если предварительно остудить, выполняя правильный массаж по точкам можно добиться заметного эффекта, видно как лицо оживает, к нему притекает кровь и оно свежеет, удобно массировать утром перед началом дня и перед сном с нанесением крема или масла или сыворотки Нефрит – «камень жизни». Он используется в восточной медицине с VII века до н.э. Полудрагоценный самоцвет с мягким блеском обладает целительными свойствами. Двусторонний роликовый бьюти-девайс подходит для ежедневного использования. Массажер из белого нефрита улучшает цвет лица и форму овала.

  5. Dot says:

    Just got hitched and don’t have much budget leftover for a honeymoon? Orbitz has you covered. We offer cheap honeymoon packages under $499 that will help you spend the money where it matters—on your loved one. Celebrating marriage and a great deal? Now that’s a no-brainer! When it’s time to surprise your special someone with some romantic time away, check out our cheap vacation packages for under $499. Try a few nights at an all-inclusive resort or a weekend in that city you’ve been itching to visit. Either way, you’ll get to enjoy quality time without stretching your budget. Still, there are deals to be had if you know where to look. Start by subscribing to emails from travel partners and follow them on social media, so you’re among the first to learn about flash sales and special saving opportunities. Being flexible with travel dates and traveling off-peak are also easy ways to save.
    https://www.red-bookmarks.win/tourist-attractions-in-the-world
    We can help any type of group travel, including study abroad programs, athletic travel, volunteer trips, religious pilgrimages, and wellness and fitness retreats. I just took my first @AveloAir flight (RDU -> New Haven). What a great experience. Flight crew and gate crew were very pleasant. Plane was tidy. Flight was on time. Well done. #7 really speaks to me here! I always get into so much analysis paralysis and decision fatigue I just wish someone would make the choices for me and have it be perfect! Thanks for all this insight рџ™‚ At IATA, our objective is to help you succeed. When you select IATA, you benefit from our global view and the strategic role we play in the aviation industry. We’ve been the trusted trade association for the world’s airlines for nearly 80 years, but did you know that we support many other key areas of aviation activity such as travel agents?

  6. tut says:

    Po spustení nových online kasín od januára 2020 sa objavili nové možnosti pre vklady cez mobil formou sms. Prvou lastovičkou pre vklady cez sms bolo SynotTip casino, ktoré aktuálne umožňuje vkladať na hráčsky účet cez mobil a to hneď u všetkých štyroch najväčších operátorov – Telekom, O2, Orange a 4ka. SynotTip casino nasledovalo Doxxbet casino, Niké a Tipsport casino. Vklady do online kasína prostredníctvom SMS sú čím ďalej tým viac obľúbené. Kde sa dá prostredníctvom sms platby vkladať? Online herňa Doxxbet casino sa správne rozhodla ponúknuť s pomocou 3 operátorov online vloženie peňazí cez SMS. Je to skvelé rozhodnutie a určite pre spoločnosť znamená konkurenčnú výhodu. V spojení so štedrým bonusom za registráciu je Doxxbet veľkou konkurenciou pre všetky legálne SK herne.
    http://www.seoulml.co.kr/bbs/board.php?bo_table=free&wr_id=94213
    Južná, najobľúbenejšia časť pobrežia Costa del Coco. Krásne palmové háje, mierne sa zvažujúce pláže s bielym pieskom a tyrkysové more vytvárajú čarovný obraz krajiny. Rozsah: meno, priezvisko, dátum narodenia, telefón, e-mailová adresa Účel spracúvania: marketingových aktivít prevádzkovateľa (zasielanie noviniek, first minute, last minute, blahoželania k narodeninám, meninám, špeciálnych akcií k výročiu, opustený košík, dotazník spokojnosti, zaujímavosti v podobe newslettrov, segmentované e-maily, report vyhodnocovanie kampaní) Doba spracovania údajov: 5 rokov Skúste neskôr prosím. 2. Olympic Casino Bratislava, Carlton Hviezdoslavovo námestie 185/3, 811 02 Bratislava, Slovakia Coordinate: 48.1413305, 17.1085978 Phone: +421 917 314 807 (www.olympic-casino.com)

  7. crilk says:

    Με κάθε κατάθεση στο 888 casino, ίσως περιστρέψετε τον Τροχό Μπόνους για να πετύ Το online baccarat είναι ουσιαστικά το ίδιο παιχνίδι μπακαρά που θα έπαίζες σε ένα πραγματικό καζίνο. Ωστόσο, τώρα παίζεις online. Ένας πραγματικός ντίλερ μοιράζει τα χαρτιά, ενώ εσύ αποφασίζεις σε ποιο φύλλο, ντίλερ ή παίκτη θα ποντάρεις. Αρκετά εύκολο παιχνίδι και δίκαια ένα από τα πιο διάσημα αφού και ο Τζέιμς Μποντ το προτίμησε. Το online μπακαρά είναι διαθέσιμο σε πολύ ποικίλες παραλλαγές. Μπορείς να παίξεις με Ευρωπαίους ή Ασιάτες ντίλερ σε στούντιο σε όλο τον κόσμο, από τη Μανίλα έως το Λονδίνο. Οι ντίλερ μιλούν σε διαφορετικές γλώσσες και έτσι είναι εύκολο για άτομα όλων των εθνικοτήτων να βρουν κάποιο τραπέζι στη γλώσσα τους.
    http://www.tcsts.com/bbs/board.php?bo_table=free&wr_id=58252
    Ο Garrett έχει εμφανιστεί περισσότερες από 50 φορές σε ζωντανό τουρνουά καζίνο και είναι κορυφαίος παίκτης με κέρδη πάνω από 1,6 εκατομμύρια δολάρια. Αντίθετα η Robbi έχει δύο συμμετοχές με κέρδη κάτι παραπάνω από 100.000 δολάρια. Η συζήτηση που ακολούθησε ήταν μία σκληρή παρτίδα πόκερ με τον Έλληνα πρωθυπουργό να μπλοκάρει την επί το σκληρότερο αλλαγή του λεκτικού της απόφασης που ζητούσε η Τερέζα Μέι για τη Ρωσία με αφορμή την υπόθεση Σκριπάλ, με τους Πρωθυπουργούς της Ιταλίας και της Αυστρίας να τον ακολουθούν.

  8. Saida says:

    The financial model can be perplexing, yet it has allowed Global Poker to thrive for many years. Global Poker presently includes some of the most active online poker players in the United States. Global Poker’s infrastructure allows them to offer superior payment processors than traditional poker sites, resulting in simple credit card purchases and instant cash win redemption to your bank account. The event had a buy-in of 540 Sweeps Coins (SC), the site’s sweepstakes promotional currency which can be used to play in tournaments and ring games, and winnings can be cashed out for real money. It is equivalent to $540 USD when withdrawn as a prize. Like with the Fortune Coin social casino promo code, there are very few actual terms and conditions that come with using the Global Poker bonus. As you know, there is no need for a Global Poker promo code at any point in time. Once the gold and sweeps coins have been credited to your account, you’ll be free to use them as you please on a number of different games.
    http://k-vsa.org/bbs/board.php?bo_table=free&wr_id=34269
    The OUSC team receives several inquiries related to online casino gameplay. These are some of the questions we often get regarding mobile online casinos. Mobile casinos offer you the flexibility of playing your favorite casino games on your smartphone or tablet. Every top online casino has a desktop and mobile version of their site nowadays, with an ever increasing number prioritising the user experience on the mobile version to cater to your preferences. Yes, you can win real money at mobile online casinos. People win prizes and cash out every single day. Pick a trusted site from our casino reviews and start playing your favorite games. Have fun, and you may be the next jackpot winner! Whether you are boarding a one-way train bound for Washington DC or traveling to New Orleans for a change of scenery, a mobile casino app can keep you company as long as your device is connected to the web via Wi-Fi, 3G, 4G, 5G, or LTE. Read on to discover more about the thrills today’s casinos hold for all American players when joining the best online casinos in the USA.

  9. Saida says:

    When you’re ready to play for real money, take advantage of bonuses to build your bankroll. Slots games have their own bonuses such as free spins and no deposit bonuses. With these, you can play free slots but win real money. Make sure to check the terms and conditions of all bonuses Free spin bonuses on most free online slots no download games are gotten by landing 3 or more scatter icons matching symbols. Some slot machines have up to 20 free spins that could be re-trigger by hitting more scatter symbols while others offer a flat extra spins number without re-trigger features. Gamers are not limited in titles when they have to play free slot machines. Below are popular free slots without downloading from popular developers such as Aristocrat, IGT, Konami, etc. Free spin bonuses on most free online slots no download games are gotten by landing 3 or more scatter icons matching symbols. Some slot machines have up to 20 free spins that could be re-trigger by hitting more scatter symbols while others offer a flat extra spins number without re-trigger features. Gamers are not limited in titles when they have to play free slot machines. Below are popular free slots without downloading from popular developers such as Aristocrat, IGT, Konami, etc.
    http://www.dormer.co.kr/bbs/board.php?bo_table=free&wr_id=24501
    Every device or tool used to manipulate mechanical reels no longer work with all slot machines in major casinos since every game is digital. There are no physical points in modern slot machines that allow a cheater to control the results or get free spins. To pull off this cheating method, Carmichael only needs a small win to make the machine release its coin. Slot machines usually have a sensor to detect how much it dispenses, making sure the player gets the right amount of money. By using the light wand, Carmichael can prevent the machine to know how much it was dispensing its coins. This method allows Tommy to empty a machine with just a small win. Coin operated games offer a great source of entertainment for leisure time, whether it’s on holidays or simply for some weekend fun. At Alibaba we have thousands of listings of slot machine jammer products for your arcade, casino, entertainment centre, leisure facility, hotel, bar, restaurant or store. Our Alibaba wholesale listings show each supplier’s slot machine jammer range, prices, markets and other essential information that you need to make the right purchase decision.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *