JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Manager Dashboard</title>
<link media="all" type="text/css" rel="stylesheet" href="http://manager.dev/assets/css/style.datatables.css">
<link href="//cdn.datatables.net/responsive/1.0.1/css/dataTables.responsive.css" rel="stylesheet">
<link media="all" type="text/css" rel="stylesheet" href="http://manager.dev/assets/css/style.default.css">
<link media="all" type="text/css" rel="stylesheet" href="http://manager.dev/assets/css/mycss.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="headerwrapper">
<div class="header-left">
<a href="http://manager.dev/manager/dashboard" class="logo">
<img src="http://manager.dev/assets/images/logo.png" alt="">
</a>
<div class="pull-right">
<a href="" class="menu-collapse">
<i class="fa fa-bars"></i>
</a>
</div>
</div><!-- header-left -->
<div class="header-right">
<div class="pull-right">
<div class="btn-group btn-group-option">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down"></i>
</button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a href="http://manager.dev/manager/profile/xtremer360"><i...
JavaScript
$(document).ready(function(){
$('#basicTable').DataTable({
// Disable sorting on the first column
"aoColumnDefs": [
{ "bSortable": false, "aTargets": [ "checkboxth", "actionsth" ] }
]
});
});