如何透明primeng表

我用primeng數據表，我想它的背景透明我已經試過如何透明primeng表

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

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

來源

2017-09-22 luk

您是否嘗試過背景色而不是背景色？ – KCarnaille

'background'不是有效的CSS屬性。這是一個設置多個CSS屬性的簡碼，但它只能在CSS中使用，而不能在JavaScript中使用。 '[style] =「{backgroundColor：'transparent'}」'應該可以工作。或者，'[style] =「{'background-color'：'transparent'}」'。對於任何當前的瀏覽器，它們都是一樣的。不過，我對primeng一無所知。我只是假設'[style] =「任何」會起作用，因爲你似乎期望它能夠工作。 –

@AndreiGheorghiu他們倆都不工作，thx爲你回覆QQ – luk

用戶styleClass財產。

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

然後去根styles.css，並做到這一點：

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

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

來源

2017-09-25 05:04:23

thx這真的有用〜 – luk

如何透明primeng表

回答

相關問題