pnp / pnp/sp-dev-fx-controls-react
ListView Control Column Filtering
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 433
- Forks
- 418
- Avg merge
- 5d 6m
- Merged PRs (30d)
- 19
Description
Category
[x ] Enhancement
[ ] Bug
[x] Question
Version
[Latest Release]
Expected / Desired Behavior / Question
Question: Is there a builtin feature in the ListView control to add filter in addition to sorting just like one in SharePoint OOTB list view? If not, then is there a way to write custom render method for header columns other than just a generic search?
It would be a good enhancement to have on this control to provide search box that works on individual columns.
Observed Behavior
There is a filter boolean which enables search box which is nice but no Filter box for individual List headers separately.
Steps to Reproduce
Add the items in the JSON and view the control.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the ListView control and inspect how its existing filter boolean adds the general search box and how column headers are rendered. Determine the supported approach for per-column filters or custom header rendering; done means individual column search boxes filter the displayed JSON items without removing the existing sorting and general search behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100