Thursday 5 March 2020

SPFX - List View webpart using pnp List view control



SPFX webpart using PnP List view control

I have recently came across with an requirement to display pending tasks on modern page from different site/subsites within site collection, There is no way as of now to display on modern page apart from highlight webpart.

I decided to try SPFX and it worked pretty well, tried to made it configurable with options like filter, grouping etc.

SPFX webpart to display list data from single/multiple lists using REST API.Easy to configure and re-use
Using PnP list view webpart to reder data with configurable option to search and filter. Webpart can be configured with set to defined filters/views/groups etc.
This webpart can be used to display pending tasks from single task list or from multiple task lists, it can be used to display documents or list items from any site/subsite.
Screen Shot Below :
Screenshot
Webpart can be configured using below options. Screenshot


I have posted the code on github which can be easily re-used.

https://github.com/agarawalankur/SPFXPnPListViewWebpartSPOnline/blob/master/README.md

No comments:

Post a Comment