Dynamic table columns not working

Hi all,

I'm having some issues with the dynamic columns setting of the Table (new) component.

Unless I'm misunderstanding how to use it, the setting doesn't seem to be working as intended. I followed this helpful guide to no avail.

The values in the table simply don't update dynamically as I change the data source. Both fetchOrders.data and fetchCustomers.data contain data and are valid. searchTypeSelect.value is set to "sales_order", so the table should be displaying data from fetchOrders.data. The table similarly does not display data from fetchCustomers.data if searchTypeSelect.value is set to another value.

As you can see, dynamic column settings are also clearly enabled.

Am I missing something here? Please let me know if I have not provided enough information, and thanks in advance for any assistance. It is greatly appreciated!

-Jamie

Hi @jamierossiter Thanks for reaching out! This is strange :thinking: It seems like it should be working.

What is {{searchTypeSelect.value ==="sales_order" ? fetchOrders.data : fetchCustomers.data}} evaluating to? Does it work if you put only 1 of the data sources into the table (for example, does it work if you remove the above logic and just put {{fetchOrders.data}} as the data source?

Hey Tess,

Thanks for getting back.

I've since fixed this issue by simply deleting the component and re-adding it to the page. Still, strange that it happened in the first place.

The expressions were evaluating to what they were supposed to (i.e. showing orders for fetchOrder.data and showing customers for fetchCustomers.data) but that data was not updating and being displayed in the table.

Using only one of the data sources always displayed results as expected.

-Jamie

Glad it's resolved for now. Definitely agree that it's strange. Please let me know if you run into it again (even better if you can grab a screen recording)

I haven't seen this issue come up, but I'll keep trying to reproduce it for our team to investigate!

1 Like