jQuery Plugin For Expandable Bootstrap Table Rows

File Size: 32 KB
Views Total: 40946
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Expandable Bootstrap Table Rows

Bootstrap Table Expandable is a jQuery plugin for making your Bootstrap table rows expandable to show / hide additional content by clicking.

How to use it:

1. Load the stylesheet bootstrap-table-expandable.css and script bootstrap-table-expandable.js in your bootstrap project which has jQuery library installed.

<link rel="stylesheet" href="css/bootstrap-table-expandable.css">
<script src="js/bootstrap-table-expandable.js"></script>

2. Insert your expandable & collapsible html content into your table's td colspans

<tr>
  <td colspan="5"><h4>Additional information</h4>
    <ul>
      <li><a href="#">USA on Wikipedia</a></li>
      <li><a href="#">National Atlas of the United States</a></li>
      <li><a href="#">Historical Documents</a></li>
    </ul>
  </td>
</tr>

3. That's it. This will allow the visitor to display the additional information you just created by clicking on the table rows.


This awesome jQuery plugin is developed by wfcreations. For more Advanced Usages, please check the demo page or visit the official website.