×

HOW TO SHOP

1 Login or create new account.
2 Review your order.
3 Payment & FREE shipment

If you still have problems, please let us know, by sending an email to support@website.com . Thank you!

SHOWROOM HOURS

Mon-Fri 9:00AM - 6:00AM
Sat - 9:00AM-5:00PM
Sundays by appointment only!
NEED HELP? CALL: +254-729-522537
  • SUPPORT

Best Event Planners in Kenya

Best Event Planners in Kenya

We blaze new trails to go above and beyond in getting you big results always. We do all this just for you.

+254-729-522537
Email: info@eventhubltd.com

Event Hub Ltd.
19, Nandi Road Karen; Nairobi, Kenya

Open in Google Maps
  • HOME
  • SERVICES
  • ABOUT US
  • PORTFOLIO
  • GALLERY
  • CONTACT US
FREEQUOTE
  • Home
  • Style – Tables
June 16, 2021

Style – Tables

Style – Tables

Default styles

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
<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 NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
<table>
  …
</table>

.table-bordered

Add borders and rounded corners to the table.

#First NameLast NameUsername
1MarkOtto@mdo
MarkOtto@TwBootstrap
2JacobThornton@fat
3Larry the Bird@twitter
<table>
  …
</table>

.table-hover

Enable a hover state on table rows within a <tbody>.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
<table>
  …
</table>

.table-condensed

Makes tables more compact by cutting cell padding in half.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter
<table>
  …
</table>

Optional row classes

Use contextual classes to color table rows.

ClassDescription
.successIndicates a successful or positive action.
.errorIndicates a dangerous or potentially negative action.
.warningIndicates a warning that might need attention.
.infoUsed as an alternative to the default styles.
#ProductPayment TakenStatus
1TB – Monthly01/04/2012Approved
2TB – Monthly02/04/2012Declined
3TB – Monthly03/04/2012Pending
4TB – Monthly04/04/2012Call 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.

TagDescription
<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>

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Uniquely productize next-generation opportunities

    Appropriately pontificate synergistic para digm...
  • Uniquely productize next-generation opportunities

    Appropriately pontificate synergistic para digm...
  • Dramatically integrate viral technologies

    Seamlessly syndicate out-of-the-box quality vec...
  • Compellingly administrate vertical strategic theme areas

    Collaboratively grow bricks-and-clicks outsourc...
  • Synergistically fabricate backend niches

    Efficiently network prospective content without...

Recent Comments

    Archives

    • August 2015

    Categories

    • Mobile
    • Technology

    Meta

    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org

    Featured Posts

    • Uniquely productize next-generation opportunities

      0 comments
    • Uniquely productize next-generation opportunities

      0 comments
    • Dramatically integrate viral technologies

      0 comments
    • Compellingly administrate vertical strategic theme areas

      0 comments
    • Synergistically fabricate backend niches

      0 comments

    GET A FREE QUOTE

    Need a quote and you are not sure how much it will cost? Submit your details and we shall call you back.

    • GET SOCIAL
    Best Event Planners in Kenya

    The Event Hub Ltd. © 2021 All rights reserved.

    TOP