Responsive table with Legacy editor is now screen wide

[Dennis Knol]

Hi all,

A few days ago I noticed that my pages created with the legacy editor had changed. The table width is now the full page width. This was not the case. How can I revert the tables back to their original width, without setting the width myself?

Does anyone else have this problem? It looks horrendous. I prefer the legacy editor because of the responsive table, it does not take up the entire width of my screen.

Thanks in advance.

[Tom Bisschops · Accepted solution]

I will also report it as a bug.

If you add a Macro 'Style' with the following content it will fix your tables for that particular page:

td:first-child, th:first-child {
padding-left: 10px;
}

td:last-child, th:last-child {
padding-right: 10px;
}

table {
width: auto;
}

body.page-gadget #main {
width: calc(100%);
}

body.page-gadget {
padding-top: 0px;
}

[Tom Bisschops]

Same problem here. There is also no difference anymore between a 'fixed width' table and a 'responsive' table.

Lets hope it is only a bug and will be fixed soon.

[Dennis Knol]

Also the alignment is off. Some rows have some space between the border and the text and some are located directly against the border.

And it is in the latest version Chrome.

[Diane Sheffield]

I reported the table width bug, but you can see from my answer, they are not taking it seriously. Please report the table width bug and the alignment bug. I also see the alignment issue and will report that too.

Hopefully, we'll get some movement on these issues

[Diane Sheffield]

Please report this bug. We reported it and the response is that it's not important because no one else has reported it.

[Larissa Gutscher]

I have the same issue. And the worst part is, it looks completely fine when editing, but when I publish, the table spreads across the entire page.

Since the table is fixed width based on the font size of the old editor, I also have no desire to switch to the new one.