如何透明primeng table

Question

我正在使用 primeng DataTable，我希望它的背景透明 我试过了

<br>
[style]="{'background':'transparent'}"<br>
[style]="{'background':'rgba(0,0,0,0)'}"
<br><br>

而且两个都不行

这里是 table 白色背景的模板

<p-dataTable [value]="cars" [style]="{'background':'transparent'}">
<p-column field="vin" header="Vin"></p-column>
<p-column field="year" header="Year"></p-column>
<p-column field="brand" header="Brand"></p-column>
<p-column field="color" header="Color"></p-column>
</p-dataTable>

谁能告诉我如何透明 primeng table :) ?

Answer 1

用户 styleClass 属性.

<p-dataTable [value]="values" styleClass="someStyleClass">
...
</p-dataTable>

然后进入您的根 styles.css 并执行此操作：

.someStyleClass .ui-widget-content
{
 background-color: transparent;
}

styleClass 将确保只有带有 someStyleClass 的 DataTable 的内容应用了 background-color:transparent。