I have a application where I am using react handsontable components. Currently, I have a requirement to put loading message while filter is applied for large amount of data. I am using beforeFilter method but it is not working as expected.
Here is the demo for replication : https://jsfiddle.net/Dhaval_Suchak/Ls0cu3nf/4/
I slightly changed the logic of your components only to better demonstrate an issue - https://jsfiddle.net/endf0p5h/6/. Default only in the beforeFilter hook the state of isLoaded should be true. You can see that this.props is well changing.
I suppose hot-table is blocking the display of statement when applying the filter update to the table even though the state is true.
It hards to say what would help to display a message while filtering.
Do you suggest any other approach or way to show loading message or some sort of wait message as for large data page is getting hanged for a few seconds which does not look user friendly.
Thank you !
I tried other approaches to this issue. But unfortunately without success for now.
The main reason is that hot-table are blocking render when filter data.
So it is hard to find a good solution.