How can I dynamically remove columns from a table?
Question
Application Type
Reactive

Hi there.

I have a screen with a table, and the user should be able to specify which columns of this table they want to see. Which means I should be able to hide columns whenever the user unselects them (from a list that shows the available columns). How could I approach this?

Thanks in advance for your help :)

mvp_badge
MVP
Solution

Hello Yizuhi,

Hope you're doing well.


Let's say as an example that you have a boolean variable called HideColumnOne after the user selects Column One from the list of the available columns (meaning that he wants to hide that Column One).

This variable is set to True if the user selects that column from the available columns list, otherwise it is set to False.


Then you just need something like:

If (HideColumnOne, "display: none;", "")


You may place this condition as a style attribute for the Row and for the Header of that Column One.

For the Row of Column One, it should be:


This will make the Row of your column hide or not according to the value of HideColumnOne variable.

Don't forget to do the same for the Header :)


Hope that this helps you!


Kind regards,

Rui Barradas

Thank you so much, that worked well :)

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.