Search

Only a single row will be exported in the header and/or footer of the export functions at this time I'm afraid. Working around it requires new code to be added, such as that in the link Kevin posted. Allan

text input to each footer cell $('#example thead tr:eq(1)

How to add second footer to pri... The code

input box in the footer than the former approach

If i did that the footer search doesn't work. example i replaced as below table.columns( '.column-search' ).every( function () { var that = this; $( 'input', this.footer() ).on( 'keyup change', function () { if ( that.search() !== this.value ) { that .search( this.value ) .draw(); } } ); } );

This is my code. $(function () { $('#AdminGrid').DataTable({ "paging": false, dom: 'Bfrtip', fixedHeader: { header: true, headerOffset: 50 //footer: true }, buttons: [ { extend: 'excel', text: 'Save as excel', exportOptions: { modifier: { page: 'current' } } }] }); });

6, 7] } }, { extend: 'print', footer: 'true', title: "Title of

the table header and footer fails to render and

I'm an idiot. // Setup - add a text input to each footer cell $('#example tfoot th').each( function () { var title = $('#example thead th').eq( $(this).index() ).text(); if (title === "Age"){ $(this).html( '<input type="text" placeholder="'+title+'" style="width: 20px"/>' ); }else{ $(this).html( '<input type="text" placeholder="'+title+'" />' ); } } );

my search fields on footer var CurrentTable = $.fn.dataTable.tables( {visible: