如何更改kendo react中明细行的明细展开/折叠列的标题？

import { Grid, GridColumn as Column } from '@progress/kendo-react-grid';

const CustomDetailCell = (props) => {
  const { dataItem } = props;
  const title = dataItem.detailsExpanded ? '折叠' : '展开';

  return (
    <td>
      <button onClick={() => props.onExpandChange(props.dataItem)}>
        {title}
      </button>
    </td>
  );
};

const App = () => {
  const data = [
    { id: 1, name: 'John Doe', detailsExpanded: false },
    { id: 2, name: 'Jane Smith', detailsExpanded: true },
    // 其他数据行...
  ];

  const expandChange = (dataItem) => {
    dataItem.detailsExpanded = !dataItem.detailsExpanded;
    // 更新数据行的展开状态
  };

  return (
    <Grid data={data}>
      <Column field="id" title="ID" />
      <Column field="name" title="姓名" />
      <Column
        cell={(props) => (
          <CustomDetailCell
            {...props}
            onExpandChange={expandChange}
          />
        )}
      />
    </Grid>
  );
};

export default App;