JSFiddle - React, Tailwind, and code Playground

by mushroom

HTML

<script src="http://jquery-datatables-column-filter.googlecode.com/svn/trunk/media/js/jquery.dataTables.js"></script>
<div class="maindiv">
    <section class="mainsection">
        <table id="books">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Author</th>
                    <th>Pages</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>bob's book</td>
                    <td>bob</td>
                    <td>324</td>
                </tr>  
                <tr>
                    <td>steve's book</td>
                    <td>steve</td>
                    <td>500</td>
                </tr>                     
            </tbody>
        </table>
    </section>
</div>

CSS

div.maindiv{
  width: 50%;
  margin: 0px auto;
  overflow: hidden; 
  background: gray;
}


section.mainsection{
   color:white;
   float: left;
   margin-bottom: 20px; 
   background:blue;
}

JavaScript

$('#books').dataTable()