SharePoint Document Issues

How to Adjust SharePoint List Web Part Width and Format Columns for All Users

Steven Parker Oct 19, 2026 868 views

Question details

The user wants to expand a modern SharePoint List web part to full page width and ensure that column formatting and layout customizations apply to all users accessing the list.

How to Adjust SharePoint List Web Part Width and Apply Global Column Formatting

Product: SharePoint Online
Device & OS: not provided
Scenario: Customizing the layout of a modern SharePoint page and standardizing the appearance of list columns globally.
Observed behavior: Modern SharePoint list web parts do not natively auto-expand to full screen width, and personal browser adjustments or CSS workarounds fail to apply formatting changes for all users.

Before you start

Ensure you have 'Edit' permissions for the SharePoint modern page and 'Manage Lists' permissions to apply and save column formatting changes globally.

Solution 1

Adjust Page Sections for Maximum Web Part Width

Use this method to maximize the display width of your list web part, as SharePoint does not offer a native full-screen toggle for lists on standard pages.

SharePoint Online currently restricts web parts to the width of their container sections. To make the list as wide as possible, you must place it in a single-column page section.

Edit the SharePoint page

Navigate to the modern SharePoint page containing your list and click the 'Edit' button at the top right corner.

Add a one-column section

Hover your mouse over the left edge of the page canvas, click the '+' icon to add a new section, and select 'One column'.

Insert the List web part

Click the '+' icon inside the newly created section, search for the 'List' web part, and select the specific list you want to display.

Republish the page

Once the list is added to the widest section, click 'Republish' at the top right to make the updated layout live for all visitors.

Solution 2Recommended

Apply Declarative JSON Column Formatting Globally

Use this method to enforce specific column widths and text wrapping styles directly within the list data, ensuring it applies to all users.

Free Microsoft Office alternative

Need a Lightweight Alternative for Document Management? Try WPS Office

While SharePoint handles complex intranet web parts and enterprise lists, for fast and seamless day-to-day document editing, WPS Office provides a highly capable, lightweight, and completely free alternative that integrates flawlessly with your workflow.

1. Download the Installer: Visit the official WPS Office website and download the free installation package for your operating system.
2. Install WPS Office: Run the downloaded file and follow the straightforward on-screen instructions to complete the installation.
3. Open Your Documents: Launch WPS Office and instantly open any existing Office files without worrying about formatting or compatibility issues.

Fully compatible with Microsoft Word, Excel, and PowerPoint formatsLightweight installation with blazing fast document loading speedsFamiliar, intuitive user interface requires zero learning curveBuilt-in PDF editing, conversion, and annotation toolsFree to use for everyday productivity and document management

microsoft office alternative - wps office

Frequently Asked Questions

Can I force a SharePoint List web part to be 100% edge-to-edge full screen?

SharePoint Online does not natively support a 100% edge-to-edge full-width layout for standard List web parts. The closest built-in alternative is using a 'One column' section, which maximizes the available container width but still respects the overall page margins.

Why is my CSS or Script Editor code not working for column widths?

Legacy CSS customizations and Script Editor web parts are neither recommended nor reliably supported on modern SharePoint pages. They can easily break during Microsoft service updates. Microsoft recommends using declarative JSON column formatting instead.

How do I revert the JSON column formatting if it breaks the list layout?

To remove problematic formatting, click the column header, navigate to 'Column settings' > 'Format this column', click 'Advanced mode', delete all the JSON code in the editor, and click 'Save'. This will instantly restore the default SharePoint list view.

Document & File Issues