Sorting jQuery.dataTables

by stowball

HTML

<script src="https://datatables.net/download/build/jquery.dataTables.js"></script>
<h2>How do you sort this <a href="https://datatables.net">jQuery.dataTable</a> to produce:</h2>
<p>NA, 100, 200, 300, 1024, 2096 <b>&amp;</b> 2096, 1024, 300, 200, 100, NA</p>
<table>
	<thead>
		<tr>
			<th>Size</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>NA</td>
		</tr>
		<tr>
			<td>1024</td>
		</tr>
		<tr>
			<td>100</td>
		</tr>
		<tr>
			<td>200</td>
		</tr>
		<tr>
			<td>300</td>
		</tr>
		<tr>
			<td>2096</td>
		</tr>
	</tbody>
</table>

CSS

* {
    font-family: sans-serif;
}

table {
    border-collapse: collapse;
}

td, th {
    border: 1px solid #666;
    padding: 5px 10px;
}
}

JavaScript

$(document).ready(function() {
    $('table').dataTable({
        'bFilter': false,
        'bInfo': false,
        'bLengthChange': false,
        'bPaginate': false
    });
});