Table in Layout Grid expands

[Bluesman]

Hi having a table inserted in a Layout Grid. The text in the cells are formatted with "Styles" for all breakpoints. The Layout Grid has 2 columns, the left has a picture and the right contains the table. After changing from Default viewport to the breakpoints the table expands. If I publish like this the table will be like this... but if I go to Default view and shrink the table to the right hight and publish it will be published correctly in all breakpoints?

Correct table:


Messed up table:


What am I doing wrong? Is there a way to "lock" the table? I have tried to lock both the table and the Layout Grid with the "Lock" function from the context menu... but doesn't work.

You can see the published testsite here: https://www.tulsiyoga.it/chevere

[Pablo]

If the text of a table does not fit in the width of the cell, then the table's height will expand automatically.
Unfortunately, HTML tables are very difficult to control is a responsive layout.

[Bluesman]

If the text of a table does not fit in the width of the cell, then the table's height will expand automatically.
Unfortunately, HTML tables are very difficult to control is a responsive layout.

Ok... thanks Pablo. Will keep this until I find out another technique to handle a responsive table like this. You don't have a suggestion??

[Pablo]

There is a responsive table extension , but this does currently not support different cell colors.
https://www.wysiwygwebbuilder.com/responsivedatatable.html

[Bluesman]

There is a responsive table extension , but this does currently not support different cell colors.
https://www.wysiwygwebbuilder.com/responsivedatatable.html

I have this extension... would be nice with an upgrade to support different colors in cells

[cadtec]

+1 Colors per Row