Wie transparent primeng Tisch

I primeng Datatable wurde mit und ich will es Hintergrund transparent IWie transparent primeng Tisch

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

und beide versucht haben, nicht

hier funktioniert ist die Tabellenvorlage mit weißem Hintergrund

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

Kann mir jemand sagen, wie transparent die Primeng Tabelle :)?

Quelle

2017-09-22 luk

Haben Sie Hintergrundfarbe anstatt Hintergrund probiert? – KCarnaille

'Hintergrund ist keine gültige CSS-Eigenschaft. Es ist ein Shortcode, um mehrere CSS-Eigenschaften gleichzeitig zu setzen, aber es funktioniert nur in CSS, nicht in 'JavaScript'. '[style] =" {backgroundColor: 'transparent'} "' sollte funktionieren. Oder, '[style] =" {'background-color': 'transparent'} "'. Für jeden aktuellen Browser sind sie dasselbe. Ich weiß jedoch nichts über Primeng. Ich gehe nur davon aus, dass "[style] =" whatever "" funktionieren wird, da Sie zu erwarten scheinen, dass es funktioniert. –

@AndreiGheorghiu beide funktionieren nicht, thx für Sie antworten QQ – luk

Benutzer styleClass Eigentum.

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

in Ihre Wurzel gehen dann styles.css und dies tun:

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

styleClass wird sicherstellen, dass nur die Datentabelle mit someStyleClass die background-color:transparent auf den Inhalt angewendet wurde.

Quelle

2017-09-25 05:04:23

thx das funktioniert wirklich ~ – luk

Wie transparent primeng Tisch

Antwort

Verwandte Themen