Keeping Columns Consistent in Collection List Tables CMSSort

Attributes
1

Hi Finsweet friends,

I’m facing an issue when displaying collection items in a table format. Here’s the problem:

When a column doesn’t have a value for some items (e.g., 3 out of 10 rows have empty values), that column gets hidden for those rows while remaining visible for others. This inconsistency disrupts the table layout.

What I need is a solution where if any row in the collection has a value for a column, that column remains visible for all rows, even if some rows don’t have a value.

Here’s an example of a page I’m working on: Marine Engine Example.

Is there a way to achieve this with custom script? Any guidance would be greatly appreciated!

Thanks,
Dorus

2

Hey @spreek!

This could be a styling error caused by the w-condition-invisible setting the empty elements to display: none

Could you share a read-only link so I can take a look at the setup? I may be able to come up with an idea on how to keep the space without any data :thinking:

3

Thank you Luis for helping me out!

https://preview.webflow.com/preview/mitsubishi-engine?utm_medium=preview_link&utm_source=designer&utm_content=mitsubishi-engine&preview=c6fe120a82c96ddcbc2d704dce5eb49f&pageId=6628bb877665671beff1a1a0&itemId=670ce389f9a5437c8f44b534&locale=en&workflow=preview

4

Hey @spreek! It seems the table is no longer ignoring the empty spaces, I can see it here → Mitsubishi Engine

Did you find a way to solve this?