Wednesday, April 27, 2011

jquery.dataTables

Great plugin for jQuery that makes creating a dynamically sortable, searchable, and page-able table via JavaScript a snap.

First create a properly formated html table with a unique id: eg. <table id="mytable"><thead></thead><tbody></tbody></table>

Then with one line of JavaScript, the table transforms into the dynamic table described above.
<script>
$('#myTable').dataTable();
</script>

PROS: Super easy with lots of baked in functionality
CONS: Requires all the table data to be written out to html page, possibly eating up unnecessary bandwidth.

See Also:

No comments:

Post a Comment