JSFiddle - React, Tailwind, and code Playground

by Mateus Correia

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="fooplugins.github.io/FooTable/compiled/footable.bootstrap.min.css">
<script src="ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<table class="table table-striped">
  <tr>
    <th>Color</th>
    <th>Value</th>
  </tr>
  <tr>
    <td><img src="http://www.fancyicons.com/free-icons/218/mixed/png/32/red_ball_32.png" /></td>
    <td>red</td>
    <td><img src="http://www.fancyicons.com/free-icons/218/mixed/png/32/red_ball_32.png" /></td>
    <td>green</td>
  </tr>
</table>

JavaScript

jQuery(function($){
		$('.table').footable({
			"paging": {
				"enabled": true
			},
			"filtering": {
				"enabled": true
			},
			"sorting": {
				"enabled": true
			}
		});
	});