Angular with HandsOnPro - not hidding columns

Tags: #<Tag:0x00007efc704b2eb8>
#1

I am using PRO with Angular 4: Columns not hidden with following set up::

Defined “hiddenColumns” as
hiddenColumns: {
columns: [3, 4, 5],
indicators: true
}

<hot-table
[hotId]=“instance”
[colHeaders]=“alertHeader”
[rowHeaders]=“true”
[dropdownMenu]="[‘filter_by_condition’,’--------------’,‘filter_by_value’,‘filter_action_bar’]"
[filters]=“true”
[data]=“alertData”
[contextMenu]=“false”
[sortIndicator]=“true”
[columnSorting]=“true”
[autoColumnSize]=“true”
[manualColumnMove]=“false”
[allowInsertColumn]=“true”
[manualRowMove] =“false”
[height]=“100”
[columns]=“alertColumns”
(afterSelection)=“afterSelection($event)”
[hiddenColumns]="[hiddenColumns]"

#2

It would be easier to share it via settings like

settings = {
    licenseKey: '0000-0000-0000-0000-0000',
    hiddenColumns: {
      columns: [0,1],
      indicators: true
    }
  };

and then refer it in the .html file

[settings]="settings"

#3

Still this is not hiding the column, after using the settings as well !!!

#4

I’ve tested it and it works on my local. Can you share your project zipped? I’ll test it.

#5

shared the sample in drop box…please check https://www.dropbox.com/s/oy05g314ty2uyxn/Desktop.zip?dl=0

#6

Thank you. I will check it and let you know.

#7

Hey, this is working when I do this way,

this._hotRegisterer.getInstance(this.instance).updateSettings(this.settings,false);

You can close this query. Thank you !!

#8

I was just checking the code, but happy you found a solution.

Have a great day.

#9