Forum Discussion
How to make lists full width section in sharepoint?
How to remove the unnecessary white spaces and explore the possibility of expanding the list view to full width.
3 Replies
- virendrakSteel Contributor
Unfortunately, SharePoint doesn't provide a way to make the List web part truly full width or remove all of the white space around it. The List web part is limited by the page layout and section type.
Your options are:
- Use a one-column section to maximize the available width.
- Remove or minimize other web parts on the page.
- Link users directly to the list itself rather than embedding it on a page, as the standalone list view uses the available screen space more efficiently.
- Consider customizing the page with SPFx if you need a completely custom layout.
Out of the box, there is no setting to make the List web part span the entire browser width.
- CameronTaylor1998Brass Contributor
If you mean a list embedded in a modern SharePoint page, the standard List web part does not support full-width sections. Communication sites offer full-width sections, but only compatible web parts can be placed there.
To give the list more room:
- Edit the page and select the section containing the list.
- Change the section layout to One column.
- Move any web parts beside the list into another section, then republish the page.
This uses the normal page content width, but some outer margins will remain. A one-column section is not the same as a full-width section.
For more working space, click See all on the List web part, if shown, or open the list directly through Site contents. That opens the full list interface instead of the embedded view.
If you are already viewing the list directly, page section settings will not affect it. You can adjust column widths and remove unnecessary columns from the view, but JSON column formatting cannot remove the surrounding page margins.
- GittaBrass Contributor
Hi there OmarAjarmeh 😄
As far as I know, the list webpart is still restricted by a maximum lay-out, so even if you place it in a full-width section, it just constrains to that maximum size.
I did find a piece of code on https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/basics/use-web-parts-full-width-column that might help expand those restrictions though.
Lemme know if that helped 😄