javascriptreactjsmaterial-uimui-x-data-grid

How to enable column resize on MUI X Data Grid

How do I enable column resize for user on MUI X Data Grid, it is enable by default on XGrid, but I want to enable it on DataGrid, please help.

   <DataGrid
       className={classes.table}                
       autoHeight
       disableColumnMenu
       rows={rows}
       columns={columns}
       pageSize={50}
       onPageChange={handlePageChange}
       rowCount={rowCount}
       paginationMode="server"
       loading={loading}
       rowsPerPageOptions={[]}
     />
Solution

  • Since MUI X v7.0.0 column resizing and auto-sizing are now available on the community plan. source