Angular Wrapper - when hidden columns are there, only one row loaded

Tags: #<Tag:0x00007efc64e073d0>
#1

Using Angular Wrapper:

When update the settings with hidden columns, on data load only one row is loaded initially. It requires one or two clicks by user to load all the data.

Is this is an open issue?

                                <hot-table [hotId]="alertgrid" [colHeaders]="alertHeader" [rowHeaders]="true" [dropdownMenu]="['filter_by_condition','--------------','filter_by_value','filter_action_bar']"
                                    [filters]="true" [data]="alertData" [sortIndicator]="true" [columnSorting]="true" [manualColumnMove]="false"
                                    [manualRowMove]="true" [columns]="alertColumns" [colWidths]="155" [outsideClickDeselects]="false" [multiSelect]="true"
                                    (afterSelection)="afterSelection($event)"  [contextMenu]="alertContextMenu"
                                    (afterChange)="afterChange($event)" (afterRowMove)="afterRowMove($event)">

                                </hot-table>

var settings1 = {
licenseKey: ‘0000-0000-0000-0000-0000’,
hiddenColumns: {
columns: [5],
indicators: false
}
};
var gridInst = this._hotRegisterer.getInstance(this.alertgrid);
gridInst.updateSettings(settings1,false);

                gridInst.render();
#2

Hi @sumathi.vellaisamy

Please check tips from this topic https://github.com/handsontable/ngHandsontable/issues/184

#3

I resolved it:

Hi, With angular wrapper I had issue with hidden column. I had the same issue, all the rows are not loaded immediately. Only one row loaded initially and after one or two clicks remaining were loaded.

Later I set the property [renderAllRows]=“true” on “hot-table” , now it is working fine :slight_smile:

Thought this may be useful for someone who is experiencing the same problem.

#4

Thank you for sharing the tip.
I am happy that you’ve found a solution that suits your project.

#5