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

【问题标题】：jQuery dataTables : How do I replace the default page length menu select boxjQuery dataTables：如何替换默认页面长度菜单选择框
【发布时间】：2015-03-02 08:21:27
【问题描述】：

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

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

【问题讨论】：

标签： jquery twitter-bootstrap jquery-datatables

【解决方案1】：

这确实是可能的。长度菜单是一个普通的<select> 注入到.dataTables_length <div>。我不知道你到底在想什么引导选择包装器，所以选择了bootstrap select，因为它在谷歌中首次被击中。

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

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

演示 -> http://jsfiddle.net/L0vnvrc5/

【讨论】：