CSS luaran (scss) dalam TreeTable perlu ditindih

Question

Saya menggunakan TreeTable untuk memaparkan data dalam apl React (saya menggunakan TypeScript dan scss) Ada kod

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

Ini ialah terjemahan untuk javascript jenis ini.

Soalan saya ialah bagaimana untuk menulis kelas my-tree-view scss saya untuk mengatasi parameter height kepunyaan cp-tree-table_viewport kepada komponen TreeTable luaran?

Answer 1

Anda sepatutnya boleh mengatasinya menggunakan css. Gaya sebaris hanya boleh diganti menggunakan kata kunci !important

Dalam kes anda ini ialah:

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