<script src = "http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script> <script src = "DataTables-1.9.4/extras/TableTools/media/js/ZeroClipboard.js"></script> <script src = "DataTables-1.9.4/extras/TableTools/media/js/TableTools.min.js"></script> <script> $.extend( true, $.fn.DataTable.TableTools.classes, { "container": "btn-group", "buttons": { "normal": "btn", "disabled": "btn disabled" } } ); var oTable = $('table').dataTable({ "iDisplayLength": 100, "sDom": 'lrtT', "oTableTools": { "aButtons": [ "copy", "csv" ], "sSwfPath": "http://localhost/slim/slim-web/src/main/webapp/app/lib/DataTables-1.9.4/extras/TableTools/media/swf/copy_csv_xls_pdf.swf" } }); </script>
The result is a fully sortable, client side dynamic table that can be exported or copied to the clip board. Filtering can be added as well, but I left that bit out for aesthetic reasons.
Edited by Belorion, 06 June 2013 - 05:50 AM.