[data grid] Uploading files to mui x datagrid making it understand that cell is updated after file upload about mui-x HOT 4 OPEN

Please provide a minimal reproduction test case with the latest version. This would help a lot 👷.

A live example would be perfect. You can find a examples and guides on how to find templates in our docs with which you can provide examples for your specific use-case: Support - Bug reproduction.

Thank you! 🙇🏼

from mui-x.

I guess i have solved this via this code:

const handleFileChange = (event, params, field) => {
  event.persist();
  const file = event.target.files[0];
  console.log('File changed:', file);

  
  params.api.updateRows([{ id: params.id, [field]: file }]);
};

{
          field: 'datasheet',
          headerName: 'Datasheet',
          width: 150,
          headerAlign: 'center',
          renderCell: (params) => {
            return (
              <input
                type="file"
                onChange={(event) => handleFileChange(event, params, 'Datasheet')}
                name="Datasheet"
                accept=".pdf, .doc, .docx, .xls, .xlsx, .csv"
                required
              />
            );
          },
        },

now when i upload the file in cell i can see that row is being updated. Previously the value i see related to datasheet column was this -> "" now i can see the file related properties.

from mui-x.

Great! Is this resolved for you now?

from mui-x.

I guess it is resolved. However can i ask something related to pagination?
I know that in MIT version one page can hold at most 100 rows. How about when it comes to number of pages? Can i have unlimited number of pages in my mui x datagrid?

from mui-x.