1. Feedback
  2. JavaScript
  3. 36220

Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

Provide support for Show/Hide columns with ColumnVirtualization feature

I have used GridComponent with ColumnVirtualization feature.

It is working fine when no columns is hidden.

If we hide the columns through column.visible property as false, the Grid renders the hidden column’s cells with display:none in the DOM. So, when we have more hidden columns in the Grid, it renders more cells in the DOM which leads to performance issues.

Please provide support for Show/Hide columns with ColumnVirtualization feature.

sample: https://stackblitz.com/edit/angular-tulgn5-62chny?file=app.component.html

Replication:
1. Run the sample
2. Open the ColumnMenu (it opened with some delay).
3. Open the ColumnChooser and select the checkbox (it takes some time to check).
4. We have rendered more columns in the hidden state which causes poor performance.