Make Loading overlay states change based on data about mui-x HOT 6 OPEN

Thank you. This seems to be working as I expect. I'll give it a try in my real data next week to be sure but I think that this puts me on the correct path.

from mui-x.

Since the data in the example is not coming from a server, showing loading doesn't make much sense, when you have some actual server binded to the data, you might have some loading state binded with the fetch function, you can pass it to the loading prop of the Grid.

<DataGrid
  loading={dataLoading}
  {...otherProps}
/>

I've updated the example to add a 3 seconds delay on mount to simulate network latency: https://codesandbox.io/p/sandbox/inspiring-almeida-z5ct3t?file=%2Fsrc%2FDemo.js%3A27%2C29

Hope it helps.

from mui-x.

I should have a definitive answer by this time next week if the ticket can stay open to confirm

from mui-x.

Hello,

I was able to get some of the changes into my dev simulation and it doesn't' show the loading indicator initially. The no data does go away once the data is loaded but it shows initially. Should the no rows overlay be removed from the slots?

Here's my sandbox example

This is the actual url to the sandbox https://codesandbox.io/p/sandbox/blue-field-432zlg?file=%2Fsrc%2FCommonGridRowActions.jsx%3A898%2C37. The above is the shared link.

from mui-x.

@lisaWriteJava I can not access the linked codesandbox, maybe the sharing permissions are not set. Can you check?

from mui-x.

I'm sorry I've updated the permissions to public so you should be able to see now.

from mui-x.