I am using input field for global search on handsontable for which I have used hiddenRows plugin.
It seems to be working in below jsfiddle but when I copied exact same code in my Angular app it is not hidingRows at all. https://jsfiddle.net/4cxjgtu8/1/
Also when tried to log hiddenRowArray and showRowArray it did return expected result so the logic seems to be correct.
Thank you for the code. I’m currently checking it, but I have one question. The overall implementation does work, and the only thing that doesn’t is the hiddenRows plugin, right? The search plugin works also correctly and don’t throw any errors?
The search plugin seems to be working fine as I’m getting correct queryResult from search plugin.
The only problem I am facing here is that after using hiddenRows plugin’s hideRows(hiddenRowArray) and showRows(showRowArray) function the rows are not hiding in table.
Thanks for the solution. It worked for me.
I just have one problem now which is the css is not getting applied to matched keywords…
Can you please let me know if I missed anything?
It seems to be working correctly in my previous example. I did not change anything in that matter. Can you compare my example to your code to see if there are any changes?
Yes, it was working in your given example…
Also I checked in my code… it is exact replica of your Angular example and the logic working fine, it’s just the CSS is not being applied to the searched keywords.
I am using custom renderer for each column in which I am setting styles to the columns due to which this css is not getting added.
(I just tried removing the renderer for one columns and tried searching and the CSS highlight worked).