如何将自定义元素添加到数据表顶部的div？

Question

我正在使用jquery和datatables库来呈现数据表。我目前的设置如下：

目前隐藏列多选择器，导出数据到csv按钮和两个输入都在数据表上方的主体中，但是我希望它们位于显示条目选择器和搜索的数据表正上方的div中输入是。

我在datatables网站上按照this教程向工具栏添加自定义元素，以便了解添加自定义元素的想法。但是在文本中添加div将删除show entries选择器。

Answer 1

只需将字符l添加到dom选项的值即可显示页面长度控件。

例如：

var table = $('#example').DataTable({
    "dom": '<"toolbar">lfrtip'
});

$("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>');

请参阅this example以获取代码和演示。