jQuery DataTables问题：列和行不在一行中

我在左侧有一个x轴和y轴滚动和固定列。 我的问题是thead对tbody的位置和行的位置。 列和行不会完全显示在一行中，它们会稍微移位。

我试过这个：

使用CSS冻结表头时，表头和正文未正确对齐

jQuery Datatables标题与垂直滚动不对齐

固定列标题宽度与主体列宽不匹配

但它对我不起作用。

这是我的javascript：

$(document).ready(function(){ var height = ($(window).innerHeight() - 180); var oTable = $('#tableOverview').dataTable({ "oLanguage": { "sProcessing": "Bitte warten...", "sLengthMenu": "_MENU_ Einträge anzeigen", "sZeroRecords": "Keine Einträge vorhanden.", "sInfo": "_START_ bis _END_ von _TOTAL_ Einträgen", "sInfoEmpty": "0 bis 0 von 0 Einträgen", "sInfoFiltered": "(gefiltert von _MAX_ Einträgen)", "sInfoPostFix": "", "sSearch": "Suchen", "sUrl": "", "oPaginate": { "sFirst": "Erster", "sPrevious": "Zurück", "sNext": "Nächster", "sLast": "Letzter" } }, "sScrollY": height, "sScrollX": "99%", "bPaginate": false }); new FixedColumns( oTable, { "iLeftColumns": 3 } ); }); 

在此处查看完整示例：

http://jsfiddle.net/n74XN/2/

（固定列有时工作，有时不在jsfiddle示例中，我认为这是因为结果窗口）。 该表的数据由php动态加载（不在测试用例中）。 在这里你可以看到真实应用的图片：

http://www.picamatic.com/view/9721451_DataTable/

我用这个插件用bootstrap进行可视化：

https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3

和FixedColumns插件。

我如何让它们显示正确？

Answer 1

修复了更改.js文件的问题

 oGrid.left.body.style.height = $(this.dom.scroller).height() **- 40** + "px"; 

http://datatables.net/forums/discussion/5839/scroll-with-fixedcolumn/p1?post#Form_Body