Grouped Table with mixed depth

💬 App Building
1
  1. My goal: I want to display a folder structure in a table. I use the grouped-by feature, on the path segments.
  2. Issue: When I have one file at /root/example/some.pdf and one at /root/main.pdf, when I have one collapsible section for "root" (good), and one for "example" (also good), but also an empty one for "", because the main.pdf doesn't have the second path segment.
  3. Steps I've taken to troubleshoot: For the column value, I tried "" and null and undefined. None work.

Are group-by tables always the same depth?

3

Hi @ankuro, welcome to the community! Group-by tables are expected to be the same depth, otherwise you will see some empty rows for the null values, or empty collapsible rows.

Depending on how your tables are setup, this custom css could be used to hide both empty rows or empty collapsible rows.

._row_134i4_1:not(:has(._main_1ph6k_5)):not([data-row-index="-1"]) {
    display: none !important;
  }

You will still see an issue where columns that have folders and files in it share the same data type, so the formatting won't be that great.