Hi, I have a full width container with a table collection inside. I’d like the table to be the full width of the screen. Any help is greatly appreciated. Thank you

To get the largest layout possible, you could try adjusting the appearance in settings. [Screenshot 2024-10-23 at 01.08.43]

If you have access to CSS this may help div[class*="section-container"] >div { max-width: 100vw; } div[class*="container-padding-md"] { max-width: 100vw; }

Thank you. These are the settings I currently have but the containers are not full width.

[image] Eric_Penn: div[class*="section-container"] >div { max-width: 100vw; } div[class*="container-padding-md"] { max-width: 100vw; } Thank you. This works but the containers below are also full width. Is it possible I can just get the container holding the table to be full width?

You need to give a class name to the container to isolate it. [image] Full width Desktop - Containers Ask for Help #page-root .the-wide-container .normal { max-width: 95vw; } Css-class for container is “the-wide-container” Turn off compiled-css

At least for me this doesn’t change the width of containers on the page. It brings them back to the default width. Is the Content Width: Large setting in the appearance tab supposed to be full width?

You should turn off the “use compiled CSS” button and turn on preview. For width you can use width: 100%. [Screenshot 2024-10-21 at 23.44.57]

Thank you. This works for all other containers except for the containers that hold tables. I only need the table container widths adjusted.

Can you provide a screenshot of the left panel of your component so I don’t confuse what you mean. Have you named your container class “the-wide-container”? [Screenshot 2024-10-23 at 22.06.40] [Screenshot 2024-10-23 at 22.09.15] [Screenshot 2024-10-23 at 22.06.26]

[Screenshot 2024-10-23 at 11.09.25 AM] [Screenshot 2024-10-23 at 11.10.22 AM] [Screenshot 2024-10-23 at 11.12.34 AM 1] I applied the class name to the surrounding containers to test and it works on those containers that don’t contain a table.

Full width table container?

Ask for Help

Himaladin October 23, 2024, 2:02pm 6

You need to give a class name to the container to isolate it.

Topic		Replies	Views
Tab Container CSS - Full Screen Width Ask for Help	5	122	June 19, 2025
Custom CSS for table width? Ask for Help	10	307	July 6, 2024
Full width Desktop - Containers Ask for Help	29	1256	July 22, 2025
Maximizing screen width when working with tables on a laptop Ask for Help custom-css	1	71	July 11, 2024
Page Width Ask for Help	2	115	May 16, 2024

Full width table container?

Related topics