I have a table where I'm using the new HTML5 Data Attributes (see http://ejohn.org/blog/html-5-data-attributes/). So my tds contain an additional attribute called data-rawvalue. In my case I'm printing byte values in a human-readable form, but still want to sort them by their raw value (doint the same by string-parsing the content text would not be sufficient here). Also I want to sort IPs that are shown human readable in text and converted to an integer in the rawvalue attribute.
A minimal example:
Now how can I tell datatables to use the data-rawvalue attribute - and not the text - for sorting the rows?
I already found out that I could also use iDataSort in combination with a hidden column to achieve the same, but I find the HTML5-data approach much more elegant - it keeps my markup clean and doing it this way will become a standard.
A minimal example:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css" title="currentStyle">
@import "css/jquery.dataTables.css";
</style>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script>
$(document).ready( function() {
$('#server_list').dataTable();
} );
</script>
</head>
<body>
<table id="server_list" class="">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>IP</th>
<th>Total RAM</th>
<th>Disk space</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>server1</td>
<td data-rawvalue="167840751">10.1.11.239</td>
<td data-rawvalue="68719476736">64.0 GB</td>
<td data-rawvalue="39606602956800">36.0 TB</td>
</tr>
<tr>
<td>2</td>
<td>server2</td>
<td data-rawvalue="167840751">10.1.21.206</td>
<td data-rawvalue="137438953472">128.0 GB</td>
<td data-rawvalue="19803301478400">18.0 TB</td>
</tr>
</tbody>
</table>
</body>
</html>
Now how can I tell datatables to use the data-rawvalue attribute - and not the text - for sorting the rows?
I already found out that I could also use iDataSort in combination with a hidden column to achieve the same, but I find the HTML5-data approach much more elegant - it keeps my markup clean and doing it this way will become a standard.