bvaughn / react-virtualized

React components for efficiently rendering large lists and tabular data

Home Page:http://bvaughn.github.io/react-virtualized/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to use search functionality similar to ctrl+f using react-virtualized

samayvar opened this issue · comments

I have a use case where I want to display a dynamic sized content with millions of rows using scrollbar which I am doing using react-virtualized list.

Is there a way to perform search on this list (using Ctrl+F)? Is there any existing library or an easier way to highlight all the places where the given search keyword exists and use enter to navigate to next instance of the search keyword? Or is there any way to integrate the react-virtualized with react-codemirror to use the codemirror search functionality?

This does not seem to be an issue for @samayvar because Ctrl+F will work on the rendered DOM. However, when you are trying to find content in unmounted elements, it will not work, and that is expected. Read this once: https://medium.com/@Blochware/react-virtualization-efficiently-handling-large-lists-and-grids-a2d0f2dfd10#:~:text=React%20Virtualization%20is%20a%20technique,that%20React%20needs%20to%20manage.