Material Table 添加行位置

Question

当我们在 material table 中单击添加行时，“新编辑行”出现在 table 的底部。当您每页有更多行时，这是一个问题，用户必须每次滚动才能添加任何内容。

我希望“编辑行”出现在顶部而不是底部。

Answer 1

您应该将 addRowPoistion 选项设置为 first，如下所示：

  <MaterialTable
        columns={tableColumns}
        data={data}
        title="Material Table - Add Row Position "
        options={{
          addRowPosition: "first",
          search: false,
          actionsColumnIndex: -1,
        }}
    ...
    />

完整沙盒 here。

Material Table 添加行位置

Material Table Add Row position

reactjs

material-table