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

use*_*858 1 javascript css jquery datatables jquery-datatables

我正在尝试删除Search表格右上角的现有框.并重新调整Show Entries下表中底部的部分Showing x of y entries

我使用了以下代码.

"sDom": '<"top">tip<"bottom"flp><"clear">'
Run Code Online (Sandbox Code Playgroud)

它完全混淆了页脚的对齐方式.

在此输入图像描述

Gyr*_*com 5

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

"sDom": '<"top">t<"bottom"ilp<"clear">>'
Run Code Online (Sandbox Code Playgroud)

文档sDom的更多细节和解释选项t,i,l,p和其他字符.

要在左侧显示信息控制和页面长度控件,请添加如下所示的额外CSS规则:

.dataTables_info, .dataTables_length {
   float:left;
   width:auto;
   padding-right:15px;
}
Run Code Online (Sandbox Code Playgroud)

DEMO

请参阅此JSFiddle进行演示.