nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Responsive table with Legacy editor is now screen wide

Dennis Knol_5xodhu

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.

Accepted answers

Tom Bisschops

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;
}

All comments

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_5xodhu

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.

Larissa Gutscher_fqz68u

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.

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.

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

Tom Bisschops

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;
}

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

cloud

confluence-cloud

table

editor

width