top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

What is Contextual classes of table in Bootstrap?

0 votes
622 views
What is Contextual classes of table in Bootstrap?
posted Jun 29, 2017 by Deepa

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

0 votes

Contextual classes

The Contextual classes allow you to change the background color of your table rows or individual cells.

The Contextual classes allow you to change the background color of your table rows or individual cells.

Example

These classes can be applied to <tr>, <td> or <th>.

<table class = "table">
   <caption>Contextual Table Layout</caption>

   <thead>
      <tr>
         <th>Product</th>
         <th>Payment Date</th>
         <th>Status</th>
      </tr>
   </thead>

   <tbody>
      <tr class = "active">
         <td>Product1</td>
         <td>23/11/2013</td>
         <td>Pending</td>
      </tr>

      <tr class = "success">
         <td>Product2</td>
         <td>10/11/2013</td>
         <td>Delivered</td>
      </tr>

      <tr class = "warning">
         <td>Product3</td>
         <td>20/10/2013</td>
         <td>In Call to confirm</td>
      </tr>

      <tr class = "danger">
         <td>Product4</td>
         <td>20/10/2013</td>
         <td>Declined</td>
      </tr>
   </tbody>

</table>

enter image description here

answer Jun 30, 2017 by Sanam
...