在 jQuery DataTables 中使用 sDom 删除搜索框

Question

我正在尝试删除 Table 右上角现有的 Search 框。并重新对齐 Showing x of y entries

下方 Table 底部的 Show Entries 部分

我用过下面的代码。

"sDom": '<"top">tip<"bottom"flp><"clear">'

而且它完全混淆了页脚处的对齐方式。

Answer 1

解决方案

使用以下值 sDom 以在底部显示页面长度控件：

"sDom": '<"top">t<"bottom"ilp<"clear">>'

有关 sDom 选项的 documentation 有关 t、i、l、p 和其他字符的更多详细信息和解释，请参阅 documentation .

为了在左侧显示信息控件和页面长度控件，添加额外的 CSS 规则如下所示：

.dataTables_info, .dataTables_length {
   float:left;
   width:auto;
   padding-right:15px;
}

演示

请参阅 this JSFiddle 进行演示。