JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://s3.amazonaws.com/dynatable-docs-assets/css/jquery.dynatable.css">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="https://s3.amazonaws.com/dynatable-docs-assets/js/jquery.dynatable.js"></script>
<table id="example-table" class="table">
<thead>
<tr>
<th>Name</th>
<th>Hobby</th>
<th>Favorite Music</th>
</tr>
</thead>
<tbody>
<tr>
<td>Scott</td>
<td>Gaming</td>
<td>Alternative</td>
</tr>
<tr>
<td>Angie</td>
<td>Rock Climbing</td>
<td>80s Rock</td>
</tr>
<tr>
<td>Kevin</td>
<td>Skiing</td>
<td>Rock and Roll</td>
</tr>
<tr>
<td>Steve</td>
<td>Playing Guitar</td>
<td>Hard Rock</td>
</tr>
<tr>
<td>Shannon</td>
<td>Baking</td>
<td>Alternative</td>
</tr>
<tr>
<td>Frank</td>
<td>Racing</td>
<td>80s Alternative</td>
</tr>
<tr>
<td>Tammy</td>
<td>Hanging Out</td>
<td>Soft Rock</td>
</tr>
<tr>
<td>Christian</td>
<td>Gaming</td>
<td>Alternative</td>
</tr>
<tr>
<td>Alison</td>
<td>Soccer</td>
<td>Alternative</td>
</tr>
<tr>
<td>Saige</td>
<td>Gaming</td>
<td>Rock</td>
</tr>
<tr>
<td>Aaron</td>
<td>Gaming</td>
<td>Alternative</td>
</tr>
<tr>
<td>Zain</td>
<td>Playing with Toys</td>
<td>Children's Music</td>
</tr>
<tr>
<td>Adam</td>
<td>Working Out</td>
<td>Rock</td>
</tr>
<tr>
<td>Mary</td>
<td>Scrapbooking</td>
<td>Alternative</td>
</tr>
<tr>
<td>Danielle</td>
<td>Cooking</td>
<td>Hip Hop</td>
</tr>
<tr>
<td>Ed</td>
<td>Woodworking</td>
<td>Popular Music</td>
</tr>
<tr>
...
JavaScript
$(document).ready( function() {
$('#example-table').dynatable({
// configuration options here
});
});