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

Question

我正在尝试删除表格右上角的现有 Search 框。并重新对齐表格底部的 Show Entries 部分 Showing x of y entries

我使用了下面的代码。

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

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

Answer 1

解决方案

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

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

参见 documentation在 sDom 选项上了解更多详细信息和 t、i、l、p 的解释> 和其他字符。

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

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

演示

参见 this JSFiddle用于演示。