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

我试图删除表格右上角的现有Search框。并重新排列表底部Show Entries下方的Showing x of y entries部分

我使用了以下代码。

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

并且它完全混合了页脚的对齐方式。

最佳答案

解

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

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

有关sDom，t，i，l和其他字符的更多详细信息和说明，请参见p选项上的documentation。

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

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

演示

请参见this JSFiddle进行演示。

关于javascript - 在jQuery DataTables中使用sDom删除搜索框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30174242/