dataTable中的列对齐

时间:2012-06-14 09:22:05

标签: jquery alignment

我在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
        });

有人可以建议解决方案吗?

1 个答案:

答案 0 :(得分:1)

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

渲染数据表后写下以下两行:

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

注意:这不是最佳解决方案,但绝对是快速解决方案。