1

我在左侧有一个 x 轴和 y 轴滚动和固定列。我的问题是头到 tbody 的位置和行的位置。列和行没有完全显示在一行中，它们有点移位。

我试过这个：

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

jQuery 数据表标题与垂直滚动不对齐

固定列标题宽度与正文列宽度不匹配

但这对我不起作用。

这是我的 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/

我使用这个插件通过引导程序进行可视化：

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

和 FixedColumns 插件。

我如何让它们正确显示？

4

1 回答 1

0

修复了更改 .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

于 2014-04-04T00:39:01.117 回答