我在p:columnGroup
中使用p:dataTable
作为标题列。我已在此表中实现了垂直和水平滚动条。现在,当我向右移动水平滚动时,由于垂直滚动条呈现在标题列下方,包含数据的列不会与标题列垂直对齐。因此,对齐方式存在差异(间隙=垂直滚动条的宽度)
这是代码
<p:columnGroup id="columnGroup" type="header">
<p:row>
<p:column id="emptyColumnHeader"> </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
});
有人可以建议解决方案吗?
答案 0 :(得分:1)
我遇到过类似的问题。并没有多少时间来解决它。这是一个帮助我的快速解决方案。
渲染数据表后写下以下两行:
// Considering your datatable id as 'myTableId'
$('#myTableId_next').click();
$('#myTableId_previous').click();
注意:这不是最佳解决方案,但绝对是快速解决方案。