gregnb / gregnb/mui-datatables
Search is not working
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
Keyword search is not possible when the server option is set to true.
## Expected Behavior
The rows containing the keyword should be visible
## Current Behavior
The rows are not filtered according to the searched keyword.
## Steps to Reproduce (for bugs)
Here's my mui data-table configuration
const options = {
page: page,
rowsPerPage: rowsPerPage,
count: count,
serverSide: true,
filter: true,
filterType: "dropdown",
responsive: 'vertical',
tableBodyHeight: "550px",
onTableChange: (action, tableState) => {
console.log(tableState);
console.log("action ==> ",action);
if(action === "changePage" || action === "changeRowsPerPage"){
this.changePage(tableState.page, tableState.rowsPerPage);
}
}
| Tech | Version |
|--------------|---------|
| Material-UI | ^4.11.3 |
| MUI-datatables | ^3.7.4 |
| React | 17.0.1 |
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by tracing the serverSide option and the onTableChange callback in the table implementation, using the supplied configuration to reproduce the search behavior. Inspect how search actions and table state are handled; done means keyword search causes the expected matching rows to be visible when serverSide is true, with coverage for this configuration.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100