Log in to AnswerLog in to Follow
Yizuhi Galaviz
24Views
2Comments
Solved
How can I dynamically remove columns from a table?
Question
Reactive
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 :)

0
0
on 2nd Apr
Rui Barradas
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

2
0
on 2nd Apr

Thank you so much, that worked well :)

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