πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

Bootstrap Collapsible-Table

Documentation

Bootstrap table expandable

Based on jExpand

Quick start

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

What's included

bootstrap-table-expandable/ β”œβ”€β”€ css/ β”‚   β”œβ”€β”€ bootstrap-table-expandable.css β”œβ”€β”€ example/ β”‚   β”œβ”€β”€img.png β”‚   β”œβ”€β”€index.html β”œβ”€β”€ images/ β”‚   β”œβ”€β”€arrows.png └── js/ β”‚   β”œβ”€β”€ bootstrap-table-expandable.js 

Example

<table class="table table-expandable table-sticky-header">   <thead>     <tr>       <th>Country</th>       <th>Population</th>       <th>Area</th>       <th>Official languages</th>     </tr>   </thead>   <tbody>     <tr>       <td>United States of America</td>       <td>306,939,000</td>       <td>9,826,630 km2</td>       <td>English</td>     </tr>     <tr>       <td colspan="5">         <!-- CONTENT -->         </td>     </tr>   </tbody> </table> 

Result

Example

Sticky Header

Example


You May Also Like