Page 1 of 1

Move filter to the bottom of DataTable

Posted: 29 Aug 2018, 18:57
by kenyork
Wondering if there is a setting or something to move the filter bar to the footer of the table instead of the top, or do I need to customize my footer somehow to make it happen?

Not as important to start but would also like to combine dropdown with text for my filter. So list all the options in the column, give the ability to choose one, or they can type it to narrow the list. This I believe will be custom filter code that I can look in to later

Thanks

Re: Move filter to the bottom of DataTable

Posted: 03 Sep 2018, 13:19
by cagatay.civici
At the moment, there is no option to move the filters to the footer but we may consider it if there is popular demand. You may use dropdowns as well for filters, please see the demo;

https://www.primefaces.org/primereact/# ... ble/filter

Re: Move filter to the bottom of DataTable

Posted: 05 Sep 2018, 11:58
by trumpP
the "sDom" value controls the placing of various elements by indicating their relative position within the sDom string.

http://www.datatables.net/ref#sDom

the default sDom string is lfrtip (see above link for explanation of each letter in the string), so if you want to move the length dropdown (l) and the filter (f), just place them after the table (t)

You may need to edit some of the css associated with those elements in order to get them to place themselves in the way you want.

Code: Select all

$(document).ready(function() {
$('#example').dataTable( {
"sDom": 'rtlfip'
} );
} );