Javascript 如何从devextreme反应网格中删除某些列的排序？

是否可以删除某些列的排序devextreme反应网格

我使用以下网格：

您可以在此处尝试以下代码：

import React，{useState}来自“React”；
从“@material ui/core/Paper”导入纸张；
进口{
分类状态，
综合排序，
}来自“@devexpress/dx反应网格”；
进口{
网格，
桌子
桌子头，
}来自“@devexpress/dx react grid material ui”；
从“../../../demo data/generator”导入{generateRows}；
导出默认值（）=>{
const[columns]=useState([
{name:'name'，title:'name'}，
{姓名：'性别'，标题：'性别'}，
{名称：'城市'，标题：'城市'}，
{名称：'汽车'，标题：'汽车'}，
]);
const[rows]=useState（generateRows（{length:8}））；
常量[defaultSorting]=useState([
{columnName:'性别'，方向：'描述'}，
]);
常量[sortingStateColumnExtensions]=useState([
{columnName:'性别'，已启用排序：false}，
]);
返回(
);
};

import React, { useState } from 'react';
import Paper from '@material-ui/core/Paper';
import {
  SortingState,
  IntegratedSorting,
} from '@devexpress/dx-react-grid';
import {
  Grid,
  Table,
  TableHeaderRow,
} from '@devexpress/dx-react-grid-material-ui';


import { generateRows } from '../../../demo-data/generator';

export default () => {
  const [columns] = useState([
    { name: 'name', title: 'Name' },
    { name: 'gender', title: 'Gender' },
    { name: 'city', title: 'City' },
    { name: 'car', title: 'Car' },
  ]);
  const [rows] = useState(generateRows({ length: 8 }));
  const [defaultSorting] = useState([
    { columnName: 'gender', direction: 'desc' },
  ]);
  const [sortingStateColumnExtensions] = useState([
    { columnName: 'gender', sortingEnabled: false },
  ]);

  return (
    <Paper>
      <Grid
        rows={rows}
        columns={columns}
      >
        <SortingState
          defaultSorting={defaultSorting}
          columnExtensions={sortingStateColumnExtensions}
        />
        <IntegratedSorting />
        <Table />
        <TableHeaderRow showSortingControls />
      </Grid>
    </Paper>
  );
};