我在申请表上有多个数据表。我想删除除一个数据表之外的所有数据表的边框。我使用下面的样式来删除边框。 你能告诉我如何只得到一个带边框的数据表吗?截至目前,它删除了所有数据表的边框。
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td {
border-style: none;
}
最佳答案
给有问题的表一个特定的样式类:
<p:dataTable ... styleClass="borderless">
这样您就可以为此使用更具体的 CSS 选择器:
.ui-datatable.borderless .ui-datatable-data tr,
.ui-datatable.borderless .ui-datatable-data-empty tr,
.ui-datatable.borderless .ui-datatable-data td,
.ui-datatable.borderless .ui-datatable-data-empty td {
border-style: none;
}
(请注意,我扩展了选择器以涵盖 tr
;默认情况下它也有一个边框,您的初始选择器仅删除列之间的垂直边框,而不是水平边框行之间)
另见:
关于css - 在特定 p 上应用 CSS :dataTable component instead of on all p:dataTable components,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15643947/