External CSS (scss) in TreeTable needs to be overridden

Question

I use TreeTable to display data in a React app (I use TypeScript and scss) There is code

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

This is a translation for this type of javascript.

My question is how to write my scss my-tree-view class to override the height parameters belonging to cp-tree-table_viewport to the outside TreeTable component?

Answer 1

You should be able to override this using css. Inline styles can only be overridden using the !important keyword

In your case this would be:

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