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

problem with the size of the first colum of a table in Confluence

Caroline C

Hello,

I have a page with 2 tables : the 2 tables have the same first column, containing the team members' names.

In edit mode, I sized the first columns of each table to have more or less the same width of the first column.

table size pb - edit view.png

When I save the page, the first column size of one table is different from the edit mode and from the other table.

table size pb - page view mode.png

The tables are in responsive mode - the width of each tables is more or less the same and isnot larger than the page in view mode.

How can I do to have the tables with approximative same first column width in responsive mode ? I'd like to have the same as in edit mode.

I've also seen that when I zoom the confluence window the 2 tables size are changed differently.

How can I do to have the same behavior for the 2 tables ?

Best regards,

Caroline

Accepted answers

Bill Bailey

This is a fundamental issue with HTML and browsers. The same thing happens in webdesign. So you either need to:

Used the fixed width function
Wrap the tables with a classed div entity (maybe by creating a user macro), and then write corresponding CSS (or creating a user macro that lest users define the widths).

All comments

James Conway_4h3kp2

Hi @Caroline C

The only way I know of to precisely control table column widths etc is using https://marketplace.atlassian.com/apps/1210722/confluence-source-editor

Good luck!

James

Caroline C

Hi @James Conway ,

Thanks for your answer. I think it's difficult to say our non developper users to use a confluence source editor...

As we also use Spreadsheets, I will advice to use it rather than a table for this purpose.

Thanks again for your answer !

Caroline

Bill Bailey

This is a fundamental issue with HTML and browsers. The same thing happens in webdesign. So you either need to:

Used the fixed width function
Wrap the tables with a classed div entity (maybe by creating a user macro), and then write corresponding CSS (or creating a user macro that lest users define the widths).

Welcome!

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

Quick Links

Find more posts tagged with

confluence

server

confluence-server