Question

大家早上好。我的问题是我有一个DataTable有48列，其中4列被冻结并拥有一个滚动的高度和高度，当我滚动到最后一行时，冻结列与其他列未对齐。我使用Primefaces 5.0，JSF 2.2，Chrome作为浏览器，Eclipse IDE和Windows 8作为操作系统。

附上我的数据表的代码和一列，对于所有其他列实际上是相同的，唯一的变量是宽度：

<p:dataTable id="listado" var="tran" value="#{BEAN}" scrollable="true"
    scrollHeight="274" scrollWidth="48%" frozenColumns="4"
    selectionMode="single" selection="#{BEAN}"
    rowKey="#{BEAN}" dblClickSelect="true">

栏目......

<p:column headerText="Header" style="width:90px">
        <h:outputText value="#{BEAN}" />
</p:column>

顺便说一句，我所拥有的实现，我不能使用Paginator，并且我已经尝试为每个列提供高度，我使用bootstrap的主题，我所测试的所有内容都已经恶化，错位现在接近3或4像素，但我想删除它。

P.S。对不起，如果我的英语不好，我是西班牙语演讲者，非常感谢您的帮助。问候：）

Answer 1

只要未在数据表上启用liveScroll，就可以将与表行相同高度的底部边框添加到“listado_frozenTbody”中。

#listado_frozenTbody {
    border-bottom: 25px solid #E1E1E1;
}

在Firefox 36.0和Chrome 41.0中测试。

在Primefaces 5.0 JSF 2.2中使用冻结列的DataTable中未对齐的行

1 个答案: