Css styles overwrite

Getting help Questions
1

Hello.
I understand that I mismatch something importnat, but I can’t overwrite css classes for table properly.
I use handsontable with vue wrapper.
When I redefine style for “hansontable” class in my css, then I see it on dom, but (I’m not sure) priority of my styles are less than native. What interest that “ht_master” style is redefining success.
Styles like this:

.handsontable {
    height: 100%;
}

.wtHolder {
    height: 100%;
}

.ht_clone_left handsontable {
    height: 100%;
}

I want to set all elements height in percents, not in pixels (it breaks my layout, table size should be dynamic)

Html:

<HotTable 
  :root="id"
  :settings="job"
  :manualColumnResize="true"
  :manualRowResize="true">
</HotTable>

How to do css redefining right?

Thanks.