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

在react-admin的Datagrid中，可以通过自定义样式来实现强制排序箭头始终显示的效果。以下是一种实现方式：

首先，在Datagrid组件的父组件中引入自定义样式文件：

import './custom-datagrid.css';

创建一个名为custom-datagrid.css的样式文件，并添加以下内容：

/* custom-datagrid.css */

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

在Datagrid组件中，使用classes属性来应用自定义样式：

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;

在使用Datagrid的地方，使用自定义的CustomDatagrid组件替代原始的Datagrid组件：

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

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

export default MyList;

通过以上步骤，你可以实现在react-admin的Datagrid中强制排序箭头始终显示的效果。请注意，这只是一种实现方式，你可以根据自己的需求进行调整和优化。

关于react-admin的更多信息和使用方法，你可以参考腾讯云的产品介绍页面：腾讯云产品介绍。