Table

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>

Last updated