Menu icon Foundation
Tables not displayed correctly after updating from 5.0.3 to 5.4.0

We use foundation for the backoffice of a POS application. We use tables a lot and they worked like a charm in 5.0.3. After upgrading to 5.4.0, however, tables are garbled. Content of tables overlaps. See the effect in the image below.

Tables

tablesUpdate5.4.0styling

We use foundation for the backoffice of a POS application. We use tables a lot and they worked like a charm in 5.0.3. After upgrading to 5.4.0, however, tables are garbled. Content of tables overlaps. See the effect in the image below.

Tables
Rafi Benkual about 5 years ago

There was some code added to fix https://github.com/zurb/foundation/issues/5576

We reverted it because it seems to only help one specific situation.

Marc Balmer about 5 years ago

The reason is that foundation.css defines tables to have a fixed cell size:

table {
table-layout: fixed;
}

Changing this in my own CSS file to

table {
table-layout: auto;
}

solves the issue.