如何使用 Material-table 更改索引列

Question

我使用材料表，我需要更改列索引以放在表的末尾，因為默認情況下，此列（操作）位於開頭。

表格代碼下方：

 <MaterialTable
    title=""
    icons={tableIcons}
    localization={{
      body: {
        editRow: {
          saveTooltip: "Salvar",
          cancelTooltip: "Cancelar",
          deleteText: "Tem certeza que deseja deletar este registro?"
        },
        addTooltip: "Adicionar",
        deleteTooltip: "Deletar",
        editTooltip: "Editar"
      },
      header: {
        actions: "Ações"
      }
    }}
    columns={state.columns}
    data={state.data}
    editable={{
      onRowAdd: newData => createInstructor(newData),
      onRowUpdate: async (newData, oldData) =>
        updateInstructor(newData, oldData),
      onRowDelete: oldData => deleteInstructor(oldData)
    }}
  />

Answer 1

有一個專用選項actionsColumnIndex ：

actionsColumnIndex number 0 - 操作列的順序

為了使您的操作列位於最后，請為其分配值-1 。

Answer 2

使用帶有屬性actionsColumnIndex的options 。 默認值為 0。這意味着它始終位於第一列。

如果要將其移至最后一列。 只需執行以下操作：

<MaterialTable
   options={{
      actionsColumnIndex: -1
   }}
/>