如何透明灌注表

Question

我正在使用primeng DataTable，並且我想讓它透明背景

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

他們兩個都不起作用

這是帶有白色背景的表格模板

<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>

誰能告訴我如何透明化primng表:)？

Answer 1

用戶styleClass屬性。

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

然后進入您的根styles.css並執行以下操作：

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

styleClass將確保只有具有someStyleClass的DataTable someStyleClass將background-color:transparent應用於其內容。