Mui_Datagrid - How to Customize Mui Datagrid?

[HappyCodingLover]

Hello, Everyone.
I am using the Mui Datagrid in React Project.
If you have any experience in customizing the Mui, please help me.

[HappyCodingLover]

First, I want to disable the every cell selectable feature on Datagrid.
How to do this?
Please help me.
Thanks.

[SWS-5007]

Hello,
You can add this sx style for datagrid.

              sx={{
                [`& .${gridClasses.cell}:focus, & .${gridClasses.cell}:focus-within`]:
                  {
                    outline: "none",
                  },
                [`& .${gridClasses.columnHeader}:focus, & .${gridClasses.columnHeader}:focus-within`]:
                  {
                    outline: "none",
                  },
              }}

For example.

            <DataGrid
              rows={rows}
              columns={columns}
              initialState={{
                pagination: {
                  paginationModel: { page: 0, pageSize: 5 },
                },
              }}
              pageSizeOptions={[5, 10]}
              checkboxSelection
              disableColumnMenu
              disableColumnFilter
              disableColumnSelector
              unstable_cellSelection
              sx={{
                [`& .${gridClasses.cell}:focus, & .${gridClasses.cell}:focus-within`]:
                  {
                    outline: "none",
                  },
                [`& .${gridClasses.columnHeader}:focus, & .${gridClasses.columnHeader}:focus-within`]:
                  {
                    outline: "none",
                  },
              }}
            />

This works for me.