Hidden column in calcite-table

Question

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: This works to hide the column header, but the column still shows data: TIA

KittyHurley · Answer

@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?

Dirk_Vandervoort · Answer

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

KittyHurley · Answer

@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.