Table header column misaligned from the rest of the table rows

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

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.

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).

1 Like

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