datatables.net 标题出现在表格的一侧而不是顶部答案

【问题标题】：datatables.net header appears on the side of the table instead of the topdatatables.net 标题出现在表格的一侧而不是顶部
【发布时间】：2014-04-10 17:51:45
【问题描述】：

我创建了一个 datatables.net 数据表并显示了所有列和标题。但是，我无法让标题位于数据表的顶部。它进入侧面。例如，

我有这个；

标题[数据表]

我想要这个：

标题

[数据表]

这是我的代码：

        var FORCE_SHOW          = false,
            TABLE_HEIGHT        = '207',
            DEFAULT_TABLE_WIDTH = 650,
            SCROLL_BAR_WIDTH    = 20;
        var logTbl  = '<table id="logTbl" cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;"></table>';
        $logTab.html(logTbl);

$('#logTbl').dataTable({
            sDom: '<"header"i>t<"Footer">',
            bFilter: false,
            bInfo: true,
            bPaginate: false,
            sScrollY        : TABLE_HEIGHT,
            oLanguage       : {
                sLengthMenu: "_MENU_ records per page",
                sInfo: "Logs"

            },
            bSort           : false,
            sScrollX        : '100%',
            sScrollXInner   : '800px',
            bScrollCollapse : true,
            bDestroy        : true,
            aaData : data,
            aoColumns: [
               //columns
            ]
        });

在单独的 html 中，我只需添加要放入的数据表的表。否则，我将所有 html 放入我的 js 文件中。

有人知道我该如何解决这个问题吗？谢谢！

【问题讨论】：

能把html也发一下吗？

标签： javascript jquery html css datatables

【解决方案1】：

我不再尝试使用 Datatables.net 方式，而是直接使用 html。更容易弄清楚。我把它放在我的桌子前：

<p id="LogText">Logs</p>

然后调整它在 css 中的外观。所以我不必尝试更改 sDom 或 sInfo 或任何其他内容。

【讨论】：