对话框内的 PrimeFaces Datatable 粘性标题答案

【问题标题】：PrimeFaces Datatable sticky header inside dialog对话框内的 PrimeFaces Datatable 粘性标题
【发布时间】：2015-07-29 04:21:18
【问题描述】：

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

<p:dialog>

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

</p:dialog>

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

【问题讨论】：

【解决方案1】：

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

<p:dialog>

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

</p:dialog>

这对我很有效

【讨论】：

【解决方案2】：

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

【讨论】：