Issue: GroupBy Stack Shows Blank Labels & Random Column IDs Even Though It Works

[vic_ny]

Hello,

I’m encountering an issue with the table component when using the groupByColumns functionality.

What’s happening:

• I’ve set up grouping on my table using groupByColumns, and functionally, it works fine (the data groups correctly).

• However, when I click the “Group By” stack on the table, the labels for the grouped columns are blank.

• Upon inspecting the table element, I noticed that instead of the expected column IDs (e.g., enterprise_communities_sub_communities_id, suggestion_type), the groupByColumns array contains randomly generated IDs like "5a264".

Example:

What I’ve tried:

• Double-checked the table’s column configurations to ensure that column IDs are set properly.

• Inspected the groupByColumns values, which seem to be using automatically generated IDs instead of the ones I assigned in the table settings.

• Setting the event handler like suggested in the input box (screenshot below) when I try and set the groupBy stack by using an array nested in an array, nothing happens.

Any suggestions on how to ensure that the correct column IDs (or labels) are shown in the grouping stack? I’d appreciate any guidance or solutions!

Thanks in advance!

[Tess]

Hi @vic_ny Thanks for flagging this! I am seeing the same bug on my side. I'm flagging this to our team internally for a fix

[edit] it seems like if I refresh the page after implementing default group by settings, the column names show up in the group by UI as expected Unfortunately, the event handler option still has the blank column names in the group by UI (despite successfully grouping the table).