gregnb / gregnb/mui-datatables

Search is not working

Open
#1,643 4 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.