×

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
March 25, 2025

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

  • Top Event Planners in Nairobi

    :Planning an event requires expertise, creativi...
  • Affordable Event Planners in Nairobi

    Introduction Planning an event can be overwhelm...
  • Wedding Planners in Nairobi

    Planning a wedding is an exciting but overwhelm...
  • Event Planning Services for Weddings in Nairobi

    Planning a wedding is one of the most exciting,...
  • Event Coordinators in Nairobi

    Planning an event can be an overwhelming task, ...

Recent Comments

    Archives

    • March 2025
    • February 2025
    • January 2025
    • August 2015

    Categories

    • Event Planners Kenya
    • Events
    • Mobile
    • Networking
    • Party Planning
    • Technology
    • Wedding Planners

    Meta

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

    Featured Posts

    • Top Event Planners in Nairobi

      0 comments
    • Affordable Event Planners in Nairobi

      0 comments
    • Wedding Planners in Nairobi

      0 comments
    • Event Planning Services for Weddings in Nairobi

      0 comments
    • Event Coordinators in Nairobi

      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