×

GET OUR SERVICES, THREE EASY STEPS!!!

1 Check out our services page. Have a look at our wide range of services.
2 Request for a quote. Write down what exactly you need done.
3 We shall get to you in less than 24 hours via phone call or email.

If you find problems, please let us know, by sending an email to info@sirmirt.com . Thank you!

WORKING HOURS

Mon-Fri 8:00AM - 5:00PM
Saturdays - 9:00AM-1:00PM
Sundays - 9:00AM - 1:00PM
social sharing

SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

CREATE AN ACCOUNT FORGOT YOUR PASSWORD?

FORGOT YOUR DETAILS?

AAH, WAIT, I REMEMBER NOW!

CREATE ACCOUNT

ALREADY HAVE AN ACCOUNT?
PHONE: +254 722 790 177
  • LOGIN
  • SUPPORT

Data Analytics, Software and Digital Agency

Data Analytics, Software and Digital Agency

We are a team dedicated to craft and provide solutions to brands that want to live their purpose and to be lead by their core values.

T (+254) 0722 790 177
Email: info@sirmirt.com

Sirmirt Data Services
Kenya Police Sacco Plaza, 3rd Floor.

Open in Google Maps
  • HOME
  • ABOUT US
    • THE COMPANY
      • HISTORIC
      • CAREERS
    • DYNAMICS
      • PROCESS
  • OUR EXPERTISE
    • SOFTWARE & WEB SERVICES
      • Website Design Services
      • Mobile Application Design & Development
      • Web Application Design & Development Services
      • E.R.P. Applications Design, Development & Solutions
      • Business Management Applications
      • Website & Server Hosting Services
      • Social Media Management
      • Web Analysis
    • RESEARCH & ANALYSIS
      • Big Data Services
      • Business Intelligence
      • Business Analysis
      • Financial Data Analysis
      • Market & Marketing Analysis
      • Research & Analysis
  • TRAINING
  • PAST PROJECTS
  • BLOG
  • CONTACT US
  • MY CART
    No products in cart.
FREEQUOTE
  • Home
  • Style – Tables
January 19, 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 Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the 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 Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<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>
  …
</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>
  …
</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>
  …
</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>

Leave a Reply Cancel reply

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

Recent Posts

  • Sirmirt Data Training

    Benefits of Mobile Data Collection.

    Historically, there have been several obstacles...
  • sirmirt data business analysis

    What Makes a Data Scientist

    The big data phenomenon gives a spotlight on th...
  • sirmirt data analytics

    Regression Analysis

    Regression analysis helps us understand effect ...
  • Sirmirt Data Visualization

    Data Visualization

    Visualization is an analytical way of convertin...
  • Sirmirt Data Collection for M&E

    Data Collection and Analysis in Monitoring and Evaluation

    Introduction Data is classified into two broad ...

Recent Comments

  • anal escort bayan on What Makes a Data Scientist
  • WilsonBiz on Why use ODK and KoBo for Data Collection
  • Jeffreygrelf on Why use ODK and KoBo for Data Collection
  • Timothycub on Why use ODK and KoBo for Data Collection
  • eskort bayan on What Makes a Data Scientist

Archives

  • September 2019
  • June 2019
  • May 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • April 2018

Categories

  • Big Data
  • Business
  • Business Intelligence
  • Data Analytics
  • Data Science
  • Digital Marketing
  • Marketing
  • Search Engine Optimization
  • Services
  • Social Media Marketing
  • Software
  • Technology
  • Uncategorized
  • Website

Meta

  • Register
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Featured Posts

  • Sirmirt Data Training

    Benefits of Mobile Data Collection.

    51 comments
  • sirmirt data business analysis

    What Makes a Data Scientist

    70 comments
  • sirmirt data analytics

    Regression Analysis

    4 comments
  • Sirmirt Data Visualization

    Data Visualization

    0 comments
  • Sirmirt Data Collection for M&E

    Data Collection and Analysis in Monitoring and Evaluation

    26 comments

Follow me on Twitter

My Tweets

GET A FREE QUOTE

Please fill this form and we'll get back to you as soon as possible!

ABOUT SIRMIRT

  • About Sirmirt
  • Sirmirt Services
  • Join Our Team
  • Technology Solutions
  • Marketing Solutions
  • Advertising Solutions
  • Business Analytics Solutions
  • E.R.P. Solutions
  • Customized Business Applications

Sirmirt Twitter

Please fill all widget/element settings!

NEWSLETTER SIGNUP

Subscribe to our email list. We shall be send you with weekly software, applications, marketing, advertising, branding, business analytics and other related insights. This information will help you grow in your career and grow your company.

We never spam!

GET IN TOUCH

T (+254) 0722 790 177
Email: info@sirmirt.com

Sirmirt Data Services Ltd
Kenya Police Sacco Plaza 3rd Flr
Ngara Road, Parklands.

Get Directions

  • GET SOCIAL
Data Analytics, Software and Digital Agency

© 2015-2019 | All rights reserved | Sirmirt Data Services Limited

TOP