React Table Tutorial - 10 - More on Filtering

📱 Follow Codevolution

More on Filtering with React Table

[jwalinarora]

I can not appreciate enough the content you are creating right now. Awesome work man!

[chngo]

It would have been great if you could have shown us how to filter dates in a range as it is invaraibly one of the most useful functionality to have in a table

[AbdelhameedG]

Didn't know about this great tool before, Thank you.

[mboguc]

Hi Vishwas :), Are you going to create series about testing in React like Jest and React Testing Library

[uttekarlsson]

How to override the default global filter function so it can support exact match using "? I mean if I search for "male" I should only return 'male' and not female. I should like to do something like this
if (searchTerm.startsWith('"') && searchTerm.endsWith('"')) { ... } to only return if it matches exactly. Any ideas? I feel that is a common thing but seems no tutorial is covering it. Might be only google that supports it.

[jeelpatel]

"disableFilters : true" is working but when you type something in global filter, it no longer works. Can you suggest any approach to solve this problem?

[vijaybabaria]

Thanks for awesome tips, does react table support nested grid display from json data?

[deepakchawla]

Please make videos on how to use action buttons in each row, like delete and also on selection of rows

[shivaramr]

Similar to filter, can we have sorting conditionally?

[parirockslolirock]

Hi Vishwas, Can u plz tell, how to add pagination in react tables

[GaneshSingh]

Can i apply filtering from outside table component

[webtecsolution]

Sir I have a question can I pass in header two colums data

[jintanstupidani]

hello guys, do u know how to move that ugly column filter from column header? I want it to be standalone component that can be use outside the table. Can we do that?

[pyaesoneaung]

Hi I have data like: [
{
fName: "First Name",
lName: "Last Name"
}];
i wanna build columns like: [
{
Header: "First Name",
accessor: "fName"
},
{
Header: "Last Name",
accessor: "lName"
},
{
Header: "",
Cell: ({cell})=> (
<>
<button>Delete</button>
<button>Edit</button>
</>
)
}

But i got this error =>A column ID (or string accessor) is required!
Can you help me what is the best way for third column

[thammaliramu]

How to apply onClick event on particular column

[pavankumar]

Sir its a humble request that do a form when we click on submit button it goes to another page it takes all the data from first page and saves in second page please please please

[coolindro]

As per your tutorial am try to implement it, there is no error but filter is not working properly suppose (Wolf) is the FIrst name so try to filter it on first name column but when i type it, it's not showing please give me some soluton.

[rijorajan]

How to console FCM setBackgroundMessageHandler event in app.js file(React js) . Can you reply me with my queries

[albincederblad]

Hi, i have run into a problem with not being able to make a scrollable table. Could you make a tutorial on how to make the table scrollable both horizontally and vertically?

[GaneshSingh]

Supply input from other components then reflect results in table components