jQuery dataTables : 如何替换默认页面长度菜单 select 框

Question

是否可以用 bootstrap 类型 select 替换默认数据表 select 框（页面长度菜单）？

目前数据表显示了一个典型的 select 框，我们在 aLengthMenu 选项中提供了不同的长度选项。我想把它改成更好的。

Answer 1

确实可以。长度菜单是一个普通的 <select> 注入 .dataTables_length <div>。我不知道你在想什么 bootstrap select 包装器，所以选择了 bootstrap select 因为它是在 google.

中首次出现的

只需将 bootstrap-select.js 和 bootstrap-select.css 包含到您的项目中，并在 dataTables 初始化后将默认的 <select> 转换为更好的东西：

$(".dataTables_length select").selectpicker({
    width : '80px'
});

jQuery dataTables : How do I replace the default page length menu select box