JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<link rel="stylesheet" href="https://rawgit.com/akottr/dragtable/master/dragtable.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="https://rawgit.com/akottr/dragtable/master/jquery.dragtable.js"></script>
<script src="https://rawgit.com/dobtco/jquery-resizable-columns/gh-pages/dist/jquery.resizableColumns.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/dobtco/jquery-resizable-columns/gh-pages/dist/jquery.resizableColumns.css">
<table id="onlyHeaderTable" class="table">
        <thead>
          <tr>
            <th>TIME</th>
            <th>%user</th>

            <th>%nice</th>
            <th>%system</th>
            <th>%iowait</th>
            <th>%idle</th>
          </tr>
        </thead>
        <tbody>

          <tr>
            <td>12:10:01 AM</td><td>28.86</td><td>0.04</td><td>1.65</td><td>0.08</td><td>69.36</td>
          </tr>
          <tr>
            <td>12:20:01 AM</td><td>26.54</td><td>0.00</td><td>1.64</td><td>0.08</td><td>71.74</td>

          </tr>
          <tr>
            <td>12:30:01 AM</td><td>29.73</td><td>0.00</td><td>1.66</td><td>0.09</td><td>68.52</td>
          </tr>
        </tbody>
      </table>

JavaScript

var table = $("#onlyHeaderTable");
table.dragtable({maxMovingRows:1});
table.resizableColumns();