JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<link rel="stylesheet" href="http://datatables.net/release-datatables/media/css/demo_table.css">
<script src="http://datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<table id="example">
	<thead>
		<tr>
			<th>#</th>
			<th>Rendering<br/>
				engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine<br/>
				version</th>
			<th>CSS<br/>
				grade</th>
			<th>Click</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Trident</td>
			<td>Internet Explorer 4.0</td>
			<td>Win 95+</td>
			<td>4</td>
			<td>X</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>2</td>
			<td>Trident</td>
			<td>Internet Explorer 5.0</td>
			<td>Win 95+</td>
			<td>5</td>
			<td>C</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>3</td>
			<td>Trident</td>
			<td>Internet Explorer 5.5</td>
			<td>Win 95+</td>
			<td>5.5</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>4</td>
			<td>Trident</td>
			<td>Internet Explorer 6</td>
			<td>Win 98+</td>
			<td>6</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>5</td>
			<td>Trident</td>
			<td>Internet Explorer 7</td>
			<td>Win XP SP2+</td>
			<td>7</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>6</td>
			<td>Trident</td>
			<td>AOL browser (AOL desktop)</td>
			<td>Win XP</td>
			<td>6</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>7</td>
			<td>Gecko</td>
			<td>Firefox 1.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td>1.7</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>8</td>
			<td>Gecko</td>
			<td>Firefox 1.5</td>
			<td>Win 98+ / OSX.2+</td>
			<td>1.8</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>9</td>
			<td>Gecko</td>
			<td>Firefox 2.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td>1.8</td>
			<td>A</td>
			<td><a href="#">Click</a></td>
		</tr>
		<tr>
			<td>10</td>
			<td>Gecko</td>
			<td>Firefox...

CSS

body {
    font: 12px sans-serif;
}

JavaScript

$(function () {
    var aoColumns = [
        { "bSortable": false },
        null,
        null,
        null,
        null,
        null,
        { "bSortable": false }
    ];
    var dataTable = $('#example').dataTable({
        "aoColumns": aoColumns
    });
});