Javascript 使用Twitter引导时如何定位DataTables TableTools控件

使用Twitter引导主题时，如何更改DataTables控件的位置

我还使用以下插件：

• 冷重排序
• 桌面工具

sDom

sDom: 'T<"clear">lRfrtip',

---

解决方案

您需要使用以下选项在页面长度和过滤器控件之间居中放置TableTools按钮

dom:R+
"" +
"",

还添加以下CSS规则：

div.DTTT\u容器{
浮动：无；
文本对齐：居中；
}

演示

有关代码和演示，请参阅

注意

---

您使用的是DataTables 1.10，因此我更新了选项名称（

sDom

->

dom

），有关更多详细信息，请参阅。

解决方案

您需要使用以下选项在页面长度和过滤器控件之间居中放置TableTools按钮

dom:R+
"" +
"",

还添加以下CSS规则：

div.DTTT\u容器{
浮动：无；
文本对齐：居中；
}

演示

有关代码和演示，请参阅

注意

---

您使用的是DataTables 1.10，因此我更新了选项名称（

sDom

->

dom

），有关详细信息，请参阅。

这必须添加到datatable文档中。我什么也找不到。非常感谢你indeed@QuentinTanioartino，我同意，这应该记录在第页，插件依赖于

dom

选项。这必须添加到datatable文档中。我什么也找不到。非常感谢你indeed@QuentinTanioartino，我同意，这应该记录在第页上，插件依赖于

dom

选项。

jQuery(document).ready(function() {
    jQuery('#table').DataTable( {
        sDom: 'T<"clear">lRfrtip',
        sScrollY: "200px",
        sScrollX: "100%",
        oTableTools: {
            "sSwfPath" :"https://cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/swf/copy_csv_xls.swf",
            "aButtons": [ "copy","csv","xls", "print" ]
        }
    } );
});

|Show |25|entries     |COPY|CSV|XLS|PRINT|    Search|_______|             
-------------------------------------------------------------
|Header 1 |Header 2 |Header 3 |Header 4 |Header 5 |Header 6 |
-------------------------------------------------------------
|         |         |         |         |         |         |
-------------------------------------------------------------
|         |         |         |         |         |         |
-------------------------------------------------------------
Showing 1 to 1 of 1 entries                  |Prev | 1 |Next|