[DataGrid] Fix columnsManagementRow style override slot not working (#19097)

Co-authored-by: David <[email protected]>
Co-authored-by: Michel Engelen <[email protected]>
Co-authored-by: Armin Mehinovic <[email protected]>

Author: 3 people

packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx

@@ -300,7 +300,8 @@ function GridColumnsManagement(props: GridColumnsManagementProps) {
       <GridColumnsManagementScrollArea ownerState={rootProps}>
         <GridColumnsManagementBody className={classes.root} ownerState={rootProps}>
           {currentColumns.map((column) => (
-            <rootProps.slots.baseCheckbox
+            <GridColumnsManagementRow
+              as={rootProps.slots.baseCheckbox}
               key={column.field}
               className={classes.row}
               disabled={column.hideable === false || pivotActive}
@@ -456,4 +457,9 @@ const GridColumnsManagementEmptyText = styled('div', {
   font: vars.typography.font.body,
 });
 
+const GridColumnsManagementRow = styled(NotRendered<GridSlotProps['baseCheckbox']>, {
+  name: 'MuiDataGrid',
+  slot: 'ColumnsManagementRow',
+})();
+
 export { GridColumnsManagement };