WOOT - WooCommerce Active Products Tables

Est-il possible de personnaliser le CSS d'une seule cellule du tableau ?

Oui !

  • Si le contenu de la cellule est constant, vous pouvez utiliser la classe CSS générée, comme sur la capture d'écran : hashXXXXXX
  • De plus, chaque cellule possède une classe CSS qui dépend du champ de la cellule du tableau concernée
  • La cellule du tableau possède aussi des attributs data : data-pid, data-key, data-field
    td[data-pid="13287"][data-key="price"]{
        background: red;
    }
    
    td[data-pid="14281"][data-key="price"]
    { 
        background: green; 
    }
  • Comme vous le voyez ci-dessus, l'utilisation de 2 attributs data permet de personnaliser précisément les cellules du tableau ; vous pouvez ainsi appliquer les styles de votre choix aux cellules d'une même colonne dans des lignes différentes
  • Pour les petites personnalisations, utilisez l'onglet "CSS personnalisé (Custom CSS)" :