使用 jQuery 数据表，如何让 search/entries 等在同一行

Question

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

我有以下控制放置的脚本

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 - Table!

我-信息

p - 分页

r - 处理

< 和 > - div 个元素

<"#id" 和 > - div 带有 id

<"class" 和 > - div 与 class

<"#id.class" and > - div with an id and class

Link to complete instructions

谁能看出为什么我的项目不像示例中那样在同一物理行上？

Answer 1

经过一番调查，我发现问题仅在我包含文件 dataTables.bootstrap.js 时出现 - 这使得数据表使用当前的 bootstrap 主题。正如 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;
}

使用 jQuery 数据表，如何让 search/entries 等在同一行

With jQuery Datatable, how do you get the search/entries etc to be on the same line

css

datatable

jquery