JSFiddle - React, Tailwind, and code Playground

by smartcore

HTML

<script src="https://cdn.datatables.net/r/bs/dt-1.10.8,b-1.0.0,b-html5-1.0.0,b-print-1.0.0,fh-3.0.0,r-1.0.7/datatables.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//cdn.datatables.net/r/bs/dt-1.10.8,b-1.0.0,b-html5-1.0.0,b-print-1.0.0,fh-3.0.0,r-1.0.7/datatables.min.css">
<table class="datatable table table-striped table-bordered sortable"><thead><tr><th data-class="expand" class="col-nosort col-nosearch"><label><input type="checkbox" id="checkall"></label></th><th>Позиция</th><th>Заголовок</th><th class="col-nosort col-nosearch">Действия</th><th data-hide="phone,tablet" class="col-nosearch">Создано</th><th data-hide="phone,tablet" class="col-nosearch">Изменено</th></tr></thead><tbody><tr class=""><td><label><input type="checkbox" class="check" id="7"></label></td><td><span class="handle" title="Перетащите для сортировки"><i class="fa fa-fw fa-arrows"></i>0</span></td><td>Вести ГТРК, 05 05 2015 г , о 2 ом Томе</td><td class="actions"><div class="btn-group btn-group-xs"><a href="index.php?obj=news&page=edit&id=7" class="btn btn-default btn-edit" title="Редактировать" role="button"><i class="fa fa-fw fa-edit"></i></a><a href="index.php?obj=news&action=hide&id=7" class="arch btn btn-default" title="Скрыть" role="button"><i class="fa fa-fw fa-eye-slash"></i></a><a href="index.php?obj=news&action=delete&id=7" data-href="index.php?obj=news&action=delete&id=7" class="delete btn btn-danger" title="Удалить" role="button"><i class="fa fa-fw fa-times"></i></a></div></td><td class="history" data-sort="1439293891"><span title="test">11.08.2015 11:51</span> <a href="#" class="admincard" data-id="2"><img class="smallavatar img-circle ttip" src="images/admins/admin2.jpg"...

JavaScript

var table=$('.datatable').DataTable( {
		responsive: true,
		autoWidth     : false
} );

new $.fn.dataTable.FixedHeader( table )