数据表格 - 列排序

拖放列标题以重新排序。

默认情况下，列按照它们在 columns 数组中包含的顺序排序。

默认情况下，Data Grid Pro 允许通过拖动列标题单元格并左右移动它们来重新排序所有列。

<DataGridPro {...data} />

<DataGridPro {...data} />

按 Enter 开始编辑

要禁用所有列的重新排序，请设置 prop disableColumnReorder={true}。

要禁用特定列的重新排序，请在相应列的 GridColDef 中将 disableReorder 属性设置为 true。

<DataGridPro
  columns={[
    { field: 'id' },
    { field: 'username' },
    { field: 'age', disableReorder: true },
  ]}
  rows={rows}
/>

<DataGridPro
  columns={[
    { field: 'id' },
    { field: 'username' },
    { field: 'age', disableReorder: true },
  ]}
  rows={rows}
/>

按 Enter 开始编辑

此外，列重新排序会发出以下可以导入的事件

API