Tablesv5.x

Tables organize data for comparison and contrast

# Rows # Columns Type Header Footer Striped Padding Borders Caption Vertical Alignment Responsive

Hover Effect

Header Divider

example

Header 1	Header 2	Header 3	Header 4
Content	Content	Content	Content
Content	Content	Content	Content
Content	Content	Content	Content

<table class="table table-striped table-hover table-group-divider table-light">
   <thead>
      <tr>
         <th scope="col">Header 1</th>
         <th scope="col">Header 2</th>
         <th scope="col">Header 3</th>
         <th scope="col">Header 4</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>Content</td>
         <td>Content</td>
         <td>Content</td>
         <td>Content</td>
      </tr>
      <tr>
         <td>Content</td>
         <td>Content</td>
         <td>Content</td>
         <td>Content</td>
      </tr>
      <tr>
         <td>Content</td>
         <td>Content</td>
         <td>Content</td>
         <td>Content</td>
      </tr>
   </tbody>
</table>