JSFiddle - React, Tailwind, and code Playground

by PHPMickB

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container-fluid"><div class="row"><div class="col-xs-8 col-lg-offset-2"><div id="users_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer"><div class="panel panel-default"><div class="panel-heading"><div id="table-title"><b>Users</b></div><div class="dataTables_length" id="users_length"><label>Show <select name="users_length" aria-controls="users" class="form-control input-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div><table id="users" class="table table-striped table-bordered dataTable no-footer" role="grid"><thead><tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="users" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 862.266px;">Name</th><th class="sorting" tabindex="0" aria-controls="users" rowspan="1" colspan="1" aria-label="Role: activate to sort column ascending" style="width: 614.512px;">Role</th></tr></thead> <tbody>      <tr role="row" class="odd"><td class="sorting_1">78987</td> <td>User</td></tr><tr role="row" class="even"><td class="sorting_1">Admin</td> <td>Admin</td></tr><tr role="row" class="odd"><td class="sorting_1">iuyti</td> <td>User</td></tr><tr role="row" class="even"><td class="sorting_1">nonAAD</td> <td>User</td></tr><tr role="row" class="odd"><td class="sorting_1">tretre</td> <td>User</td></tr><tr role="row" class="even"><td class="sorting_1">uytr</td> <td>User</td></tr><tr role="row" class="odd"><td class="sorting_1">ytry</td> <td>User</td></tr></tbody></table><div class="panel-footer"><div class="dataTables_paginate paging_simple_numbers" id="users_paginate"><ul class="pagination"><li class="paginate_button previous...