Mui-datatables: Remote Search

[ronaiza-cardoso]

How can I handle Remote Search loading?

[gabrielliwerant]

By "remote," you mean with serverSide: true, right? If so, you have access to the search onChange function with onSearchChange which you can customize to call APIs and use debounce. If you want to change how any of the default searching works, you can also provide your own search bar with customSearchRender.

[ksdelacruz]

@gabrielliwerant I'm currently doing this and I'm trying to update a variable on the function using React Hooks but can't seem to make it work. The problem is by adding a React Hook inside the function, the search string parameter returns two separate string in alternating pattern (e.g. I press "a" and log shows "a", then press "s" then log shows "s", then "d" and log show "ad", then "f" and log shows "sf"). I'm already overriding the with the variable I'm using to save the search string. Removing the React Hook inside the function shows correct search string.

UPDATE: Found out I just need to update to the latest version. Thank you.

[krnareshkumar23]

Hi @ksdelacruz Could you share a snippet of how you acheived ? I am using v2.13.3 and still having the same issue you have mentioned ,

onSearchChange:(searchKey) => {
            setTableState({...tableState,searchKey:searchKey});
        }
console.log(tableState.searchKey);

I am getting only one letter at a time on console.