sp-dev-fx-webparts/samples/react-datatable-using-mui-t...
JeffinJacobExperion 7f7dfa72a9 React-datatable-using-muitables-initial-commit
This webpart can be used to leverage all possible features of mui data tables into your sharepoint lists. which includes modern ui, pagination, expand option and many more.
2022-01-30 13:07:34 +05:30
..
assets React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
config React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
release React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
src React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
teams React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
.editorconfig React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
.gitignore React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
.yo-rc.json React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
README.md React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
gulpfile.js React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
package-lock.json React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
package.json React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
tsconfig.json React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30
tslint.json React-datatable-using-muitables-initial-commit 2022-01-30 13:07:34 +05:30

README.md

SharePoint Framework DataTable Using MUI table web part sample

Summary

This web part provides mui datatable features for your lists

Features

  • Searching
  • Sorting
  • Download as a CSV and PDF
  • Pagination
  • Column Ordering
  • Expand option for more info
  • Customizable action button
  • Attachments with file type icons

Preview

Preview

Compatibility

SPFx 1.11 Node.js LTS 10.x SharePoint Online Teams N/A: Untested with Microsoft Teams Workbench Hosted

Applies to

Solution

Solution Author(s)
react-datatable-using-mui-tables Jeffin Jacob (https://www.linkedin.com/in/drjeffinjacob/)

Version history

Version Date Comments
1.0 January 30, 2022 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Minimal Path to Awesome

Local testing

  • Clone the repository
  • cd to web part's project folder
  • In the command line run:
    • npm install
    • gulp serve