我在请求表单上有多个数据表.我想删除所有数据表的边框除了一个.我使用下面的样式删除边框.
能告诉我如何才能获得一个带边框的数据表.截至目前,它删除了所有数据表的边框.
能告诉我如何才能获得一个带边框的数据表.截至目前,它删除了所有数据表的边框.
.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;默认情况下它也有一个边框,初始选择器只删除列之间的垂直边框,而不是行之间的水平边框)
也可以看看：
> How do I override default PrimeFaces CSS with custom styles?
