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

Question

I am trying to remove the existing Search box on top-right of the Table. And realign the Show Entries section at the bottom of the Table just below Showing x of y entries

I have used the following code.

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

And it has mixed up the alignment at the footer completely.

Answer 1

SOLUTION

Use the following value for sDom to display page length control at the bottom:

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

See documentation on sDom option for more details and explanation of t , i , l , p and other characters.

In order to display informational control and page length control on the left side, add extra CSS rules shown below:

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

DEMO

See this JSFiddle for demonstration.