'How to Remove 3 dots from Thead of Mui Data Grid?

enter image description here I need to remove this extra feature from data grid Mui. I've tried the root way also. But it's not working for me.

reactjs material-ui

Solution 1:^[1]

disableColumnMenu prop passed to DataGrid component will hide column menu icon (3 dots):

      <DataGrid
        disableColumnMenu
        {...other props}
      />

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	Dmitriif