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

【问题标题】：How can I change the index column using Material-table如何使用 Material-table 更改索引列
【发布时间】：2020-02-06 00:42:42
【问题描述】：

我正在使用Material-table，我需要更改列索引以放在表的末尾，因为默认情况下此列（操作）位于开头。

表格代码下方：

 <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)
    }}
  />

【问题讨论】：

标签： javascript reactjs material-ui material-table

【解决方案1】：

有一个专用选项actionsColumnIndex：

actionsColumnIndex number 0 - 操作列的顺序

为了使您的操作列位于最后，请为其分配一个值-1。

【讨论】：

【解决方案2】：

将options 与属性actionsColumnIndex 一起使用。默认值为 0。表示它始终位于第一列。

如果你想把它移到最后一列。只需这样做：

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

【讨论】：