I'm having trouble understanding autoResetX

[cgle088]

I have a situation where I want "filter" and "sort by" functionality on my table. When the user clicks on a row, I want a modal to show up with the row's information. I can get all that working, problem is that if the user filters and/or sorts before clicking on the row, the modal will show up but the table will reset to default state. Actually any update of any state variable on the page containing the table will reset the table.

I've been tinkering with all sorts of different ways to "autoResetFilters" and "autoResetSortBy" for three days and I cannot get them to work. I can't get them to work even in the example sandboxes. I modified one of the examples to make it close to my situation. Apparently the table automatically has autoResetFilters and autoResetSortBy set to false. But even when I set them to true it seems to have no effect. I tried the FAQ's suggestion nearly verbatim and couldn't get it to have an effect.

Forgive me if I'm making a rookie mistake, I'm new to React and Github.

Hopefully I'm doing this right. I think I made a fork and I think you can find it here: https://codesandbox.io/s/gracious-water-9thfd?file=/src/App.js

Thanks

[gargroh]

Guessing the issue - don't re-mount the table component when you open/close modal

[cgle088]

Thanks for the suggestion, I'll figure out how to do that and get back to you.

[cgle088]

I solved it. I don't know if your suggestion was a good one or not because frankly I'm blindly stumbling through everything I do. What happened is that I had copied the example table and changed it to be a Function Component. What I mean by that is I surrounded the whole code with

export default function FilterTable(props){...}

I still don't understand why that is a problem but I reconverted it to whatever it was before and did some tweaking and now it works.