Question

首先我使用<h:dataTable>并且我对此感到满意，但之后我需要更多功能，所以我开始使用Primefaces并使用它的<p:dataTable>。一切都很顺利，但我在桌子上应用的CSS停止了。然后我发现<p:dataTable>首先创建<div>，然后在<div>内创建<table>。

 <div id="tcform:tclist" .......>
       <table role="grid">....</table>
 </div>

但<h:dataTable>只会创建HTML <table>。现在我想知道如何获取表的id或者是否有任何我可以访问该表的解决方案。我还想知道为什么<h:dataTable>和<p:dataTable>彼此不同。

Answer 1

如果要以通用方式设置表的样式，只需相应地更改CSS选择器。 <table>可以选择<p:dataTable>的{{1}}。

ui-datatable

如果您想以特定方式仅为特定表格设置样式，而是为其指定一个类名，以便您可以按类名而不是ID进行选择。

E.g。

.ui-datatable td {
    background: pink;
}

可由<p:dataTable styleClass="foo">覆盖。 E.g。

.ui-datatable.foo {}

如何通过CSS选择<p：datatable>？</p：datatable>

1 个答案: