QUESTIONS? CALL: 9731846598 / 9449063903 Email ID : info@insteamservices.com

Insteam Services

  • HOME
  • ABOUT US
  • SERVICES
    • SCOPE OF SERVICE
    • MAJOR EQUIPMENTS INSPECTED
  • OUR CLIENTS
  • ENQUIRY
  • CONTACT US
FREEQUOTE
  • Home
  • Style – Tables
September 24, 2023

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

  • 50 Free Revolves No book of ra deluxe bonus deposit Incentives

    Blogs The benefits And you can Downsides Away f...
  • 12 Melhores Jogos Para Ganhar Algum Puerilidade Verdade Acimade 2022

    Content Apostas Desportivas Online Apostas Aque...
  • Davinci Expensive diamonds Video slot On the web

    Articles Local casino Guidance Enjoy Da Vinci D...
  • Medications For Hair Loss

    Instead, there are a number of drugs that affec...
  • Pay By the Cellular and Cellular telephone Casino 100 percent free Gamble Genie Jackpots Put $ten Expenditures Casinos Amount + Mobile Places Publication

    Posts Online casino Position Games Exactly why ...

Recent Comments

  • A WordPress Commenter on Hello world!

Archives

  • June 2023
  • May 2023
  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • November 2022
  • October 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • February 2021
  • January 2021
  • November 2020
  • April 2020
  • March 2020
  • November 2019
  • August 2015

Categories

  • ! Без рубрики
  • Bitcoin News
  • Crypto News
  • Crypto Trading
  • dating
  • dating guide
  • FinTech
  • Forex News
  • Forex Trading
  • Forex новости
  • IT Вакансії
  • Logistic company
  • logistics companies
  • mail order bride
  • mail order brides
  • Mobile
  • Networking
  • NLP software
  • Payday Loans
  • Sober Homes
  • Sober living
  • Software development
  • Technology
  • Uncategorized
  • Финансовые Новости
  • Форекс брокеры
  • Форекс обучение

Meta

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

Featured Posts

  • 50 Free Revolves No book of ra deluxe bonus deposit Incentives

    0 comments
  • 12 Melhores Jogos Para Ganhar Algum Puerilidade Verdade Acimade 2022

    0 comments
  • Davinci Expensive diamonds Video slot On the web

    0 comments
  • Medications For Hair Loss

    0 comments
  • Pay By the Cellular and Cellular telephone Casino 100 percent free Gamble Genie Jackpots Put $ten Expenditures Casinos Amount + Mobile Places Publication

    0 comments

GET A FREE QUOTE

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

FOOTER MENU

  • HOME
  • ABOUT US
  • SERVICES
    • SCOPE OF SERVICE
    • MAJOR EQUIPMENTS INSPECTED
  • OUR CLIENTS
  • ENQUIRY
  • CONTACT US

We introduce ourselves as Third Party Inspection Agency Headquartered at Bangalore. We are a dedicated team of Engineers offering a Third Party Inspection services to our clients so as to enhance their product quality.

GET IN TOUCH

T +91 94490 63903
Email: sales@insteamservices.com

Insteam Services
No. 56, D Cross, 2nd Stage, 3rd Block, Nagarbhavi, Nagarbhavi, Bengaluru-560072, Karnataka, India

  • GET SOCIAL

© 2019 All rights reserved. By Insteam Services & Developed By Adyasoft Infotech.

TOP