topic Hidden column in calcite-table in Calcite Design System Questions

Hidden column in calcite-table

Dirk_Vandervoort — Thu, 21 Nov 2024 14:00:56 GMT

Hello:

I would like to store data in a column in a calcite-table. However I would like to hide the column from the user.

Is there a way to achieve this?

This code does not work:

<calcite-table-header heading='My Column' hidden></calcite-table-header>

This works to hide the column header, but the column still shows data:

<calcite-table-header heading='My Column' style="visibility: hidden;"></calcite-table-header>

TIA

Re: Hidden column in calcite-table

KittyHurley — Thu, 21 Nov 2024 18:54:08 GMT

@Dirk_Vandervoort you could consider not rendering the column in the DOM so it isn't accessible to users.

Calcite is working towards a more advanced Table component that will offer more capabilities and support targeted for late 2025.

Re: Hidden column in calcite-table

Dirk_Vandervoort — Sat, 23 Nov 2024 18:19:47 GMT

This problem with not rendering the column in the DOM (not adding the calcite-table-header) is that when I add rows to the table, the cells that are not represented by the calcite-table-header still show data without the calcite-table-header

Re: Hidden column in calcite-table

KittyHurley — Mon, 25 Nov 2024 15:35:04 GMT

@Dirk_Vandervoort May be misinterpreting the goal - are you aiming to:

1. Hide all the contents of a column, such as the header and cell, and/or

2. Provide multiple cells, but contain less headers, similar to the "Table with complex col-span and row-span" sample? For instance: https://codepen.io/geospatialem/pen/bNbbvWL.

If aiming for an approach that differs from the above, can you supply a Codepen or Codesandbox for more information on the use case?