Show a custom overlay on DataGrid when there has been an error. about mui-x HOT 4 CLOSED

Have you considered adding an overlay outside of the grid? It would be the easiest way to solve your issue.

You could also fork the custom overlay example to show an error message conditionally, if applicable.

from mui-x.

Have you considered adding an overlay outside of the grid?

As in doing something like this!error ? <DataGrid.../> : <div> Error! </div>

that could work but it would be more convenient to just pass a prop. It would also make it easier to enforce an opininated way to handle errors with DataGrid to the rest of my coworkers.

from mui-x.

I don't think we would add a new prop for that purpose, you can already create a customized message overlay.

I think this is what you want: https://codesandbox.io/s/gifted-rui-c78zmf?file=/Demo.js

from mui-x.

@romgrk That's a good solution. Thanks.

from mui-x.