2

我正在使用p:columnGroup中的标题列p:dataTable。我在这个表中实现了一个垂直和水平滚动条。现在，当我将水平滚动到最右边时，由于垂直滚动条呈现在标题列下方，因此包含数据的列不会与标题列垂直对齐。因此对齐方式存在差异（间隙=垂直滚动条的宽度）

这是代码

<p:columnGroup id="columnGroup" type="header">
             <p:row>
        <p:column id="emptyColumnHeader">&nbsp;</p:column>
        <p:column colspan="3" headerText="General" />
        <p:column colspan="4" headerText="Article" />
        <p:column colspan="5" headerText="Sample" />
         </p:row>

使用jquery实现滚动

var oTable2 = $($currentTableId).find('table').dataTable({

            "sScrollX" : "100%",
            "sScrollY" : "350",
            "bAutoWidth" : false,

            "bScrollCollapse" : true,
            "bPaginate" : false,
            "bSort" : false,
            "sInfo" : "",
            "sInfoEmpty" : ""
        });
        oTable2.height("200");
        var oFC = new FixedColumns(oTable2, {
            "iLeftColumns" : 4,
            "sHeightMatch" : "auto",
            "iLeftWidth" : 500
        });

任何人都可以提出解决方案吗？

4

1 回答 1

1

我遇到过类似的问题。并且几乎没有时间来解决它。这是一个帮助我的快速解决方案。

渲染数据表后，写下这两行：

// Considering your datatable id as 'myTableId'
$('#myTableId_next').click();
$('#myTableId_previous').click();

注意：这不是最好的解决方案，但绝对是一个快速的解决方案。

于 2012-07-02T06:40:01.720 回答