Javascript datatables.net标题显示在表的侧面，而不是顶部

我已经创建了一个datatables.net datatable，并显示了所有列和标题。但是，我无法使标头位于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
            ]
        });

var FORCE\u SHOW=false，
表_高度='207'，
默认表格宽度=650，
滚动条宽度=20；
var logTbl=''；
$logTab.html（logTbl）；
$（'#logTbl'）。数据表({
sDom:'t'，
过滤：错，
宾福：是的，
bPaginate:false，
sScrollY：桌子的高度，
语言：{
SLENNGMENU:“_菜单u每页记录”，
sInfo：“原木”
},
bSort:false，
sScrollX：“100%”，
sScrollXInner:'800px'，
对:对,，
是的，
aaData：数据，
AO列：[
//纵队
]
});

在一个单独的html中，我只是为要放入的datatable添加了表。否则所有的html我都放在我的js文件里了

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

---

谢谢

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

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

日志

---

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

您也可以发布html吗？