如何将数据表搜索框和tableTools按钮组合在一行中

Question

我正在使用以下示例使用数据表 tableTools 多行选择（全选/取消全选）。

http://datatables.net/release-datatables/extensions/TableTools/examples/select_multi.html

我只想在一行中组合搜索框和选择/取消选择所有按钮。目前全选/取消全选在一行，搜索框在另一行，占用两行，我想优化空间，使其在单行中。

这是目前的样子：

Answer 1

<div class="DTTT_container" id="chuji1" ><a class="DTTT_button DTTT_button_text" id="ToolTables_example_0" tabindex="0" aria-controls="example"><span>Select all</span></a><a class="DTTT_button DTTT_button_text DTTT_disabled" id="ToolTables_example_1" tabindex="0" aria-controls="example"><span>Deselect all</span></a></div>

<div id="example_filter" class="dataTables_filter"><label>Search:<input type="search" class="" placeholder="" aria-controls="example"></label></div>![enter image description here][1]


step 1: put these two css classes in library

.cssforchuji1{position: absolute;padding-left: 804px;padding-top:5px;}
.cssforchuji2{padding-right: 243px;}

step 2: put this code in js

$(document).ready(function() {
    $("#chuji1").addClass('cssforchuji1');
    $("#example_filter").addClass('cssforchuji2');
}