使用 jQuery Datatable，如何让搜索/条目等在同一行答案

【问题标题】：With jQuery Datatable, how do you get the search/entries etc to be on the same line使用 jQuery Datatable，如何让搜索/条目等在同一行
【发布时间】：2015-06-06 23:17:31
【问题描述】：

我从数据表站点复制了一个示例，该示例应将一些控制项放在同一物理行上。但是由于某种原因，它们出现在单独的物理行上。这占用了太多的屏幕空间。见下文

我有以下控制放置的脚本

var table = $('#exportTable').DataTable({
    "sDom": 'flipt',//'RfliptrT',
    "tableTools": {
        "sSwfPath": "//cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf"
    }
});

“sDom”控制放置。从网站上的说明是：

DataTables 呈现的每个 HTML 控件元素都由 domDT 选项中的单个字符表示。例如，l 选项用于长度更改输入选项。

可用的内置选项有：

l - 长度变化

f - 过滤输入

t - 桌子！

i - 信息

p - 分页

r - 处理

- div 元素

- 带有 id 的 div

- 带有类的 div

- 带有 id 和类的 div

Link to complete instructions

谁能看出为什么我的物品不像示例中那样在同一条物理线上？

【问题讨论】：

问题出在您的 CSS 中。可能你需要浮动它。但是如果没有更多代码，就很难提供更多帮助

标签： jquery css datatable

【解决方案1】：

经过一番调查，我发现问题仅在我包含文件 dataTables.bootstrap.js 时出现 - 这使得数据表使用当前的引导主题。正如 DiogoDoreto 所说，这没有任何浮点数，所以我在文件末尾添加了以下内容，这给了我想要的结果

div.dataTables_length {
    float: left;
}

div.dataTables_filter {
    float: right;
}

div.dataTables_info {
    float: left;
}

div.dataTables_paginate {
    float: right;
}

div.DTTT {
    float: left;
    margin-right: 50px;
}

div.buttons {
    clear: both;
}

【讨论】：