React-table: Filter search term highlight
Please add ability to highlight text matched by filter similar to search result highlighting in data tables. datatables.net/blog/2014-10-22
panfiva
All 3 comments
This has already been requested in #1527. We'll track it there. Thanks!
tannerlinsley
on 8 Oct 2019
Hey, just implemented the global search but I'm not seeing anything regarding highlighting in issue #1527
simkessy
on 24 Dec 2019
It is possible to get the current filters state — both for the regular filters and for the global filter — inside the Cell method of the columns options.
They're available inside the state, so for the global filter we can get it like this (imagine this being inside the columns definition and having a highlight function that would do the work for you):
Cell: ({ cell: { value }, state: { globalFilter } }) => highlight(value, globalFilter)
kizu
on 26 Dec 2019
❤2
👀1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
mellis481
·
3Comments
bdkersey
·
3Comments
missmellyg85
·
3Comments
Abdul-Hameed001
·
3Comments
dwjft
·
3Comments
Most helpful comment
It is possible to get the current filters state — both for the regular filters and for the global filter — inside the
Cellmethod of thecolumnsoptions.They're available inside the
state, so for the global filter we can get it like this (imagine this being inside thecolumnsdefinition and having ahighlightfunction that would do the work for you):