Hide column in table component

Is it possible to hide columns in a table component (not datagrid)? Unfortunately, when I hide the relevant div in a column, the data in the column is hidden, but the width is not reduced. There doesn’t seem to be a way to reduce the number of columns in the actual grid.

You can, but it requires a bit of effort.

You will want to replace both the columns inside the ‘Header’ and ‘Collection List’ with regular divs.

image

Then you will need to take care of the width logic by yourself with flex properties. Then if you bind the display to ‘none’ for both the header and item cell you will be able to hide a column.

Let me know if you need more details.

1 Like