question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Provide callbacks for filter/search capabilities on table column

See original GitHub issue

🚀 Feature Proposal

There should be the ability to filter/search for data by column. The Table component will not actually be responsible for doing the filtering, but rather expose callback such as onFilterChange that will include all filter criteria being currently applied to the table.

When a filter is chosen, there should be a badge or label that gets added above the table that indicates that a filter is being applied. The badge should have a close button in it, that when clicked, removes the filter criteria.

For columns that have a defined list of values (such as an enum like diagnosis status), the filter list should be static and not allow for any value to be typed in.

For columns that don’t have as nice of structured data (such as patient name), the filter box should be a text field that allows any value to be entered.

Technical Notes

  • table should have some sort of callback that reports back what filter criteria is being applied
  • there should be an icon next to the header that looks like https://fontawesome.com/icons/filter. When the icon is clicked it should render small popup that allows for the user to enter criteria

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:16 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
morrmecommented, Feb 9, 2021

@jnolan97 Just checking in: How is this one going?

0reactions
sidddev7commented, Dec 16, 2022

Ok @tehKapa, thankyou for information, Can anyone confirm the status of this issue, @jackcmeyer @fox1t

Read more comments on GitHub >

github_iconTop Results From Across the Web

Set Filter: Enterprise Grade Feature of our Datagrid - AG Grid
Set Filter works like Excel, providing checkboxes to select values from a set. ... Set the filterParams on the columnDefinition as follows:.
Read more >
R Shiny DT callback to update column filters not working as ...
The problem arises when I attempt to pass this same callback function to the table below it. I can't seem to figure out...
Read more >
Public Constructor - TableFilter
Return a feature instance for a given name. public. filter(). Filter the table by retrieving the data from each cell in every single...
Read more >
Table - Ant Design
Use sorter to make a column sortable. sorter can be a function of the type function(a, b) { ... } for sorting data...
Read more >
Advanced filtering - Tables and Charts WordPress Plugin
Advanced filtering is a special wpDataTables feature that enables frontend table users to filter the data in the tables by the values of...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found