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

时间:2014-04-10 17:51:45

标签: javascript jquery html css datatables

我创建了一个datatables.net数据表,并显示了所有列和标题。但是,我无法将标题放在数据表的TOP上。它走到一边。例如,

我有这个;

header [datatable]

我想要这个:

[数据表]

这是我的代码:

        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文件中。

任何人都知道如何解决这个问题? 谢谢!

1 个答案:

答案 0 :(得分:0)

我停止尝试使用Datatables.net方式,直接使用html。弄清楚比较容易。我把它放在我的桌子前面:

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

然后调整它在css中的显示方式。所以我没有必要尝试更改sDom或sInfo或其中任何一个。