Setting height of table after hiding rows in Handsontable Pro 1.15 not working

Tags: #<Tag:0x00007f8b1ddde758>
#1

I am using the Handsontable Pro v1.15 with the new Angular Handsontable wrapper 1.0.0.beta-4.

I am hiding few rows in the table dynamically, in my component.ts file

this.hotTableInstance = this._hotRegisterer.getInstance(this.instance);
this.hiddenRowsPlugin = this.hotTableInstance.getPlugin('hiddenRows');
this.hiddenRowsPlugin.enablePlugin();
this.hiddenRowsPlugin.hideRows([0, 1, 2]);
this.tableHeight = 400;
this.hotTableInstance.render();

In my component.html,
<hot-table [height]="tableHeight]></hot-table>

When I use the hiddenRows Plugin without setting table height, after it, the rows are getting hidden, but when I change the table height after setting hideRows, the rows are not being hidden, but the height is being changed. I assume that, this is something related to rendering of the table. Please help me sort out this issue.

#2

Hi @guestuser

sorry for keeping you waiting.

I will ask our developer for help and come back to you. In the meanwhile can I ask you to share the example via StackBlitz?

#3

Hi @aleksandra_budnik,

Here’s the example:
Stackblitz example

I was unable to install, Handsontable Pro and Angular Handsontable Pro in Stackblitz due to some dependency errors. So instead, I installed the community version for the example sake.

#4

The hiddenRows is a PRO feature and it will not work in the CE.

By the way, I have been told that the next version 1.0.0 stable (planned before the end of February) should fix the issue. I do not have any precise release date but I highly encourage to check the wrapper repository https://github.com/handsontable/angular-handsontable

#5