如何强制排序箭头始终显示在react-admin Datagrid中？

import './custom-datagrid.css';

/* custom-datagrid.css */

/* 强制排序箭头始终显示 */
.ra-datagrid-header-cell .MuiDataGrid-sortIcon {
  opacity: 1 !important;
  visibility: visible !important;
}

import React from 'react';
import { Datagrid, TextField } from 'react-admin';

const CustomDatagrid = (props) => (
  <Datagrid {...props} classes={{ headerCell: 'ra-datagrid-header-cell' }}>
    <TextField source="id" />
    <TextField source="name" />
    {/* 其他字段 */}
  </Datagrid>
);

export default CustomDatagrid;

import React from 'react';
import { List } from 'react-admin';
import CustomDatagrid from './CustomDatagrid';

const MyList = (props) => (
  <List {...props}>
    <CustomDatagrid />
  </List>
);

export default MyList;