1. Home
  2. Docs
  3. Shortcode Bootstrap Visuals Manual
  4. Table

Table

Description

The Bootstrap Visuals for WordPress plugin also includes the Bootstrap table styles. There is no shortcode for it. Just specify the appropriate classes to your tables where you need them.

The classes you can use are documented here:

https://getbootstrap.com/docs/4.4/content/tables/

Whatever class you want to apply, make sure you add the “bsv-” prefix to it.

Example

Edit the page in question and either use text mode or if you using a page builder of some kind, add the classes you want to your table. In below example I added “bsv-table”, “bsv-table-hover” and “bsv-table-dark”.

<table class="bsv-table bsv-table-hover bsv-table-dark">
   <thead>
      <tr>
         <th scope="col">#</th>
         <th scope="col">First</th>
         <th scope="col">Last</th>
         <th scope="col">Handle</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <th scope="row">1</th>
         <td>Mark</td>
         <td>Otto</td>
         <td>@mdo</td>
      </tr>
      <tr>
         <th scope="row">2</th>
         <td>Jacob</td>
         <td>Thornton</td>
         <td>@fat</td>
      </tr>
      <tr>
         <th scope="row">3</th>
         <td colspan="2">Larry the Bird</td>
         <td>@twitter</td>
      </tr>
   </tbody>
</table>

Output

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Was this article helpful to you? Yes No

Leave a Reply

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