1. Feedback
  2. Vue
  3. 27621

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, 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!

2
Votes

Changing column visibility at runtime prevents grid data from rendering

If I have a grid where one or more columns have their visible property changed while the data is being loaded, the grid doesn't load any data, even if the request did return several rows from the server.

Empty


If the variable "isCodeColumnVisible" changes whilst the grid is still being rendered, the data is not displayed. As soon as I remove the ":visible" property above from the "e-column", the grid data gets displayed normally.

The same problem happens if I change the column visibility dynamically in the grid's "dataBound" event. I've used a control variable to refresh the grid columns only once (otherwise the grid keeps refreshing forever).

I've implemented a workaround which I don't believe it's the right solution, which is setting an interval of 250ms and calling Vue's nextTick() to change the "isCodeColumnVisible" after the page is mounted:


Empty


The above works, but obviously it's error prone as the timeout can vary.

It's important to notice that sometimes the grid does display data when setting the :visible on the e-column tag, but after two or three page refreshes, the data goes away.

This is happening with all grids in our application that sets the :visible property based on a boolean flag, so it's not an isolated case.