Как отфильтровать все столбцы HTML-таблицы, используя реагировать JS?

Question

Я создаю пользовательскую таблицу данных.Я добавил сортировку, нумерацию страниц, но не могу выполнить поиск по всем столбцам.Вот URL того, что я создал

https://codesandbox.io/s/yv48o7onwj

Массив данных содержит прописные слова и целые числа.

Как реализовать фильтр / поиск по всем столбцам, используя один вводкоробка?

Answer 1

Вы можете сделать это, используя Array.filter

const filtered = products.filter(item => (
   item.id === searchString ||
   item.name === searchString ||
   item.price === searchString ||
   item.qa === searchString ||
   item.qr === searchString ||
   item.vendor === searchString
));

и затем заменить {products.map(item => { в строке 326 на {filtered.map(item => {