如何自定义数据表以移动分页信息

Question

是否可以通过移除搜索框来移动分页信息，例如“显示条目”代替搜索框。此外，我需要移动另一个分页信息，如“显示2个条目中的1到2个”到“显示条目”的左侧。我已在附图中显示了这一点。

我的小提琴在http://jsfiddle.net/inDiscover/56d1t0jt/。

HTML

<table id="myTable">
    <thead>
        <tr>
            <th>Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td>
            <td>data1</td>
            <td>data1</td>
        </tr>
        <tr>
            <td>data2</td>
            <td>data2</td>
            <td>data2</td>
        </tr>       
    </tbody>
</table>

JS代码

$(document).ready(function(){
    $('#myTable').dataTable();
});

Answer 1

我认为你在寻找的是sDom option。这允许您显示或隐藏特定字段，并确定它们的显示位置和顺序：

$(document).ready(function(){
    $('#myTable').dataTable({"sDom": '<"H"ilr><"clear">t<"F"p>' });
});

<"H"ilr>表示i（信息），l（长度更改）和r（处理）应位于标题中。

<"clear">表示将类clear的HTML元素放在那里。 （否则表格放错了地方）。然后t是实际的表格，之后<"F"p>表示p（分页）放在页脚中。

http://jsfiddle.net/56d1t0jt/2/

我还添加了一些CSS，以对齐＆＃34;显示*条目＆＃34;在正确的右边。

#myTable_length {
    float: right;
    text-align: right;
}