CellTable - hide/show individual columns?

[Magnus]

Hi,

I would like to let my users hide some columns of a CellTable, but they should also be able to show them again.

Is there a built-in functionality for this? Is there example code somewhere?

Thanks

Magnus

[Thomas Broyer]

Either use CSS (addColumnStyleName/removeColumnStyleName)  or simply remove/add the columns themselves (removeColumn, addColumn, insertColumn)

[Magnus]

Hi Thomas,

ok, but if the user should be able to do this one would have to implement such a functionality?

For example, there could be a small dropdown list somewhere at the table header which allows to mark all columns that schould be shown...

Magnus

[Jens]

 

ok, but if the user should be able to do this one would have to implement such a functionality?

Yes. 

[James]

I can use removeColumnStyleName to hide one column and addColumnStyleName to restore that column. I run into one issue. Once one column is hiding, each row of the result table has a large height (almost double).

James