reactjs - 物料表添加行位置

Question

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

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

标签： reactjsmaterial-table

Answer 1

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

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

完整的沙盒在这里。