material-uimui-x-data-gridmui-x

Is there a prop to hide the tooltip in MUI DataGrid?

With MUI v5 a tooltip was added to the DataGrid cells. I'm looking for a way to disable all of the tooltips without creating a custom render for each column.

I've tried disableTooltips and tooltipShowDelay={0} but those did not disable the tooltips.

Solution

  • There is a way to do it but its not optimal to say the least.

    you can use renderCell (just know it can effect rendering speed)

    <DataGrid
  columns={[{ field: 'name',headerName: 'name',renderCell:(params)=><span>{params.value}</span> }]}
  rows={rows.data}
/>