[LWC] Hide and show all columns

[dsingh7]

Hi Team,

I have implemented and custom column visibility popup. that contains list of all columns with checkbox.
So on checkbox check and uncheck column will hide and display on grid. I have also added a select all checkbox to remove/add all columns and below code is working on check/uncheck of select all.

fieldList.forEach(fieldName => {
    this.grid.columns.get(changeItem.field).hidden = true/false;
});

So using above approach performance is decreased if we have more then 10 columns. because they are added or removed one-by-one.

Is there any way to do it one go or any other way helpful in above scenrio.

[tasnim]

Hi,

I tried with 15 columns but didn't see any performance difference. What if you try with array.map?

Does that help?

[tasnim]

Hi,

Sorry for the misunderstanding.

Please try grid.suspendRefresh() before and grid.resumeRefresh(true) after

This should help