Table header column misaligned from the rest of the table rows

Keymaker · 2024-10-28T15:20:05.465Z

I have multiple tables in my app, yet this is the only one where the header column is misaligned.

It looks fine in the editor:

but shows up misaligned in preview and on the live site:

Each cell has a padding of 8px 12px (except the column with buttons) and any width settings are applied at the column level.

EDIT: updated padding details for accuracy

krenkel · 2024-10-28T20:28:24.474Z

Olá, @Keymaker ! A coluna Status, pelo que parece esta empurrando a coluna Action, mas nao o cabeçalho esta empurrando a coluna a partir da segunda linha. Onde esta escrito Upcoming, acredito que ela esteja com tamanho livre de largura.

Keymaker · 2024-10-29T17:05:16.101Z

Unfortunately, the columns farther to the left faced the same issue (all the way across the table). I wasn’t able to find the culprit but ended up scrapping this table. That said, I think it may have had something to do with the padding of the Action column or other button columns (where I did not have padding).

So a slight mistruth on my part in the original post (which has been edited for accuracy).

system · 2025-01-06T15:20:49.420Z

This topic was automatically closed after 70 days. New replies are no longer allowed.