DataTables将搜索和条目过滤器放在表格下方？

Question

我可以将“显示条目筛选器”放在搜索过滤器下面的表格中而不是上面吗？

请参见：http://datatables.net/release-datatables/examples/basic_init/alt_pagination.html 我知道我可以使用“position: absolute”等方法来放置，但我想要这些东西的HTML代码在表格下面。

- Maanstraat

Answer 1

找到了解决方案：

"sDom": 't<plf>'

This initialisation variable allows you to specify exactly where in the DOM you want DataTables to inject the various controls it adds to the page (for example you might want the pagination controls at the top of the table). DIV elements (with or without a custom class) can also be added to aid styling. The follow syntax is used:
The following options are allowed:

'l' - Length changing
'f' - Filtering input
't' - The table!
'i' - Information
'p' - Pagination
'r' - pRocessing
The following constants are allowed:
'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')
'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')
The following syntax is expected:
'<' and '>' - div elements
'<"class" and '>' - div with a class
'<"#id" and '>' - div with an ID
Examples:
'<"wrapper"flipt>', '<lf<t>ip>'

- Maanstraat

Answer 2

将您的 Div 放在任何您想要的地方。

$('div.dataTables_filter').appendTo("#filterdata");

<div id="filterdata">

</div>

- vipinlalrv