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.