資料格 - 欄位排序

拖放您的欄位以重新排序。

預設情況下，欄位會根據它們在 columns 陣列中包含的順序排序。

預設情況下，Data Grid Pro 允許透過拖曳標題儲存格並將其向左或向右移動來重新排序所有欄位。

<DataGridPro {...data} />

<DataGridPro {...data} />

按下 Enter 開始編輯

若要停用所有欄位的重新排序，請設定 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