Le CSS externe (scss) dans TreeTable doit être remplacé

Question

J'utilise TreeTable pour afficher des données dans une application React (j'utilise TypeScript et scss) Il y a du code

<div className='my-tree-table'>
  <TreeTable
    value={treeValue} ...

Il s'agit d'une traduction pour ce type de javascript.

Ma question est de savoir comment écrire ma classe scss my-tree-view pour remplacer le paramètre height appartenant à cp-tree-table_viewport au composant TreeTable externe ?

Answer 1

Vous devriez pouvoir le remplacer en utilisant CSS. Les styles en ligne ne peuvent être remplacés qu'à l'aide du !important mot-clé

Dans votre cas, ce serait :

.my-tree-table {
   .cp_tree-table_viewport {
      height: 100px !important;
   }
}