Site icon TheWindowsUpdate.com

Guidance On How To Use React DataTable Webpart

This post has been republished via RSS; it originally appeared at: Microsoft Tech Community - Latest Blogs - .

Introduction

 

In this article, we will see how to configure and use react-spfx-datatable web part which I have contributed to PnP SPFx Web part galleries. 

 

To find the full source code refer to this.

 

As per all the configurations and features, our web part will be look like this.

 

 

Let's see step by step configuration.

 

1. Download a package

 

To download the package refer to this.

 

2. Add solution to SharePoint Page

 

After downloading a package add it to the App Catalog site.

 

Move to the site where we want to add the web part to the page.

 

Now Add and install the web part.

 

Click on App.

 

 

 

It will open a page for the SharePoint apps store. At here find datatable app and add it.

 

 

 

Now create a page and add web part.

 

 

 

3 Configure properties from property pane configuration 

 

Now we will configure a web part as below,

 

1. First we will configure the List Configuration section

 

 

2. Now configure the Search and Sort Section.

 

 3. Now we will configure Advanced features.

 

 

 Output

 

 

Summary

 

In this article, we have seen how to configure react data table web part and we can easily use it for any SharePoint custom list.

 

I hope it will help you!

 

Sharing is caring!

 

 

 

Exit mobile version