Back

DataTable Basic code

Copy Below Code View As A Text File Show Text Only Show API Edit Code
                            

<script> $(document).ready(function() { // Setup - add a text input to each footer cell $('#dataTable tfoot th').each( function () { var title = $(this).text(); $(this).html( '<input type="text" placeholder="Search '+title+'" />' ); } ); // DataTable $('#dataTable').DataTable(); $('input.dataTables_filter').on( 'keyup click', function () { filterGlobal(); } ); $('input.column_filter').on( 'keyup click', function () { filterColumn( $(this).parents('tr').attr('data-column') ); } ); } ); function filterGlobal () { $('#example').DataTable().search( $('#global_filter').val(), $('#global_regex').prop('checked'), $('#global_smart').prop('checked') ).draw(); } function filterColumn ( i ) { $('#example').DataTable().column( i ).search( $('#col'+i+'_filter').val(), $('#col'+i+'_regex').prop('checked'), $('#col'+i+'_smart').prop('checked') ).draw(); } </script>