Where there are tables, there's potential for too much information. This is why adding a search feature to your tables is a good idea. It allows the user to remove irrelevant rows from the table as they type.
Filtering rows
How to do it...
Let's say that you have a table with lots of rows in it, meaning that the user is going to have a tough time scrolling through the entire table. To make things easier for them, you decide to add a search feature to your table that filters rows by checking whether the search text exists within the name column. Here's the code:
import React, { useState, useEffect, Fragment } from 'react';
import { makeStyles } from '@material-ui/styles';
import { withStyles...