对话框内的 PrimeFaces Datatable sticky header

Question

Stickyheader 在页面中工作，我在对话框中有一个数据表，它有超过 100 行，用户必须向下滚动

<p:dialog>

    <p:datatable stickyHeader="true" >
     ..
     ..
     ..
    </p:datatable>

</p:dialog>

我需要为数据表启用固定的列标题。

Answer 1

stickyHeader="true" 在对话框中不起作用，最后我找到了一个替代解决方案

<p:dialog>

    <p:datatable scrollable="true" scrollHeight="150" >
     ..
     ..
     ..
    </p:datatable>

</p:dialog>

这对我来说效果很好

Answer 2

Scrollable 与 Sticky Header 有所不同，但如果您需要 dataTable 的行为与 primeface 的 Sticky Header 完全相同，则可以使用 this 功能。这里 jsfiddle.net/DTcHh/1360/ 是一个如何使用它的简单示例。

PrimeFaces Datatable sticky header inside dialog