honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-datatable-using-mui-t.../README.md

86 lines
4.3 KiB
Markdown
Raw Normal View History

Updated sample json and readme
2022-02-13 00:56:46 -05:00
# DataTable Using MUI table
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 02:37:34 -05:00
## 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](assets/first.png?raw=true "Preview")
![Preview](assets/second.png?raw=true "Preview")
## Compatibility
Updated sample json and readme
2022-02-13 00:56:46 -05:00
![SPFx 1.12.1](https://img.shields.io/badge/SPFx-1.12.1-green.svg)
![Node.js v14 | v12 | v10](https://img.shields.io/badge/Node.js-v14%20%7C%20v12%20%7C%20v10-green.svg)
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 02:37:34 -05:00
![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg)
![Teams N/A: Untested with Microsoft Teams](https://img.shields.io/badge/Teams-N%2FA-lightgrey.svg "Untested with Microsoft Teams")
![Workbench Hosted](https://img.shields.io/badge/Workbench-%20Hosted-yellow.svg)
Updated sample json and readme
2022-02-13 00:56:46 -05:00
![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg "Require access to local SharePoint data")
![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
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 02:37:34 -05:00
## Applies to
* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
## Solution
Solution|Author(s)
--------|---------
Updated sample json and readme
2022-02-13 00:56:46 -05:00
react-datatable-using-mui-tables | [Jeffin Jacob](https://github.com/jeffinjacob)) (https://www.linkedin.com/in/drjeffinjacob/)
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 02:37:34 -05:00
## Version history
Version|Date|Comments
-------|----|--------
1.0|January 30, 2022|Initial release
## Minimal Path to Awesome
* Clone the repository
* `cd` to web part's project folder
* In the command line run:
* `npm install`
* `gulp serve`
Updated sample json and readme
2022-02-13 00:56:46 -05:00
> Don't want to clone the entire repository? Try downloading this folder [as a Zip file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-datatable-using-mui-tables). Unzip the file, and continue with the command-line instructions.
## Help
We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
If you're having issues building the solution, please run [spfx doctor](https://pnp.github.io/cli-microsoft365/cmd/spfx/spfx-doctor/) from within the solution folder to diagnose incompatibility issues with your environment.
You can try looking at [issues related to this sample](https://github.com/pnp/sp-dev-fx-webparts/issues?q=label%3A%22sample%3A%20react-datatable-using-mui-tables%22) to see if anybody else is having the same issues.
You can also try looking at [discussions related to this sample](https://github.com/pnp/sp-dev-fx-webparts/discussions?discussions_q=react-datatable-using-mui-tables) and see what the community is saying.
If you encounter any issues while using this sample, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected%2Csample%3A%20react-datatable-using-mui-tables&template=bug-report.yml&sample=react-datatable-using-mui-tables&authors=@jeffinjacob&title=react-datatable-using-mui-tables%20-%20).
For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aquestion%2Csample%3A%20react-datatable-using-mui-tables&template=question.yml&sample=react-datatable-using-mui-tables&authors=@jeffinjacob&title=react-datatable-using-mui-tables%20-%20).
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-datatable-using-mui-tables&template=suggestion.yml&sample=react-datatable-using-mui-tables&authors=@jeffinjacob&title=react-datatable-using-mui-tables%20-%20).
## 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.**
<img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/react-datatable-using-mui-tables" />