How to change rotation icon expand all/collapse all

[duyhd]

I want to edit the rotation of icon expand all or collapse all of material-react-table. Can anyone helpe me ?

[githorse]

Hi @duyhd, not sure if it will help but I messed with the expand/collapse-all button like this:

  muiExpandAllButtonProps: ({table}) => ({
    sx: {
      svg: {
        transform: `${
	  table.getIsSomeRowsExpanded() ?
	    table.getIsAllRowsExpanded() ?
	      // rotation or other styles here 
        }`,
        transition: 'transform 150ms ease 0s !important'
    }
  }
})

icons={{
  ExpandMoreIcon: (props: SvgIconProps) =>
    (<DownArrow {...props} fontSize='small' />),
  KeyboardDoubleArrowDownIcon: (props: SvgIconProps) =>
    (<DoubleDownArrow {...props} fontSize='small' />),
}}

[duyhd]

I will try it and feedback for u .Thanks