Comment table primeng transparente

j'utilisais primeng DataTable et je veux fond transparent J'ai essayéComment table primeng transparente

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

et les deux ne fonctionne pas

ici est le modèle de table blanc background

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

Quelqu'un peut-il me dire comment transparent la table primeng :)?

Source

2017-09-22 luk

Avez-vous essayé la couleur de fond au lieu de l'arrière-plan? – KCarnaille

'background' n'est pas une propriété CSS valide. C'est un shortcode pour définir plusieurs propriétés CSS à la fois, mais cela ne fonctionne que dans CSS, pas dans JavaScript. '[style] =" {backgroundColor: 'transparent'} "' devrait fonctionner. Ou, '[style] =" {'background-color': 'transparent'} "'. Pour tous les navigateurs actuels, ils sont la même chose. Cependant, je ne sais rien à propos de primeng. Je suppose que '[style] =" quel que soit "' fonctionnera, puisque vous semblez vous attendre à ce que cela fonctionne. –

@AndreiGheorghiu deux d'entre eux ne fonctionne pas, merci de répondre QQ – luk

Propriété utilisateur styleClass.

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

Ensuite, allez dans votre racine styles.css et faire ceci:

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

styleClass fera en sorte que seul le DataTable avec someStyleClass a le background-color:transparent appliqué à son contenu.

Source

2017-09-25 05:04:23

thx cela fonctionne vraiment ~ – luk

Comment table primeng transparente

Répondre

Questions connexes