jQuery dataTables：如何替换默认页面长度菜单选择框

Question

是否可以使用引导类型选择替换默认数据表选择框（页面长度菜单）？

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

Answer 1

这确实是可能的。长度菜单是注入<select> .dataTables_length的普通<div>。我不知道你准备好了什么bootstrap选择包装，所以选择了bootstrap select，因为它是在谷歌首次点击。

只需在项目中加入bootstrap-select.js和bootstrap-select.css，然后在dataTables初始化后将默认的<select>转换为更好的内容：

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

演示 - ＆gt;的 http://jsfiddle.net/L0vnvrc5/