I would like to make the OTB list view have a full width. I want to get rid of the scroll etc.

I have gone through this article

I created a web part as suggested and changed the manifest to "supportsFullBleed": true, I can see the web part listed under the web part that you can add a full width but the question is how can I get the OOTB list View to display in full width?

Thanks in advance if there is a solution for this.

1 Answer 1


You cannot directly add OOTB SharePoint list view web part inside your custom SPFx web part.

In SPFx, you can fetch the list items using REST API or SP PnP JS and show it in list view using Fluent UI DetailsList control or PnP ListView control. Check below references for more information about these controls:

  1. Fluent UI DetailsList
  2. PnP ListView control

Similar articles:

  1. List View in Spfx
  2. PnP List View Control In SharePoint Framework
  • You might able to add the OOTB list view page in SPFx web part using iframe. But there may be problems using iframe. So, I don't recommend using iframe/embedding. Mar 1, 2022 at 9:50
  • Thanks Ganesh for the articles. Is there one that enables paging the list by default?
    – naijacoder
    Mar 9, 2022 at 0:58
  • Pagination is not supported by default. Mar 9, 2022 at 3:04
  • Hi @naijacoder, does this help you in any way? If yes, please Upvote(^) and accept as an Answer as it helped you & it will help others with similar question in future to find the correct answer easily. Apr 5, 2022 at 14:13

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.