数据表格 - 行定义

定义你的行。

数据供给

行可以使用 rows 属性定义，该属性接受对象数组。

<DataGrid
  columns={[{ field: 'name' }]}
  rows={[
    { id: 1, name: 'React' },
    { id: 2, name: 'MUI' },
  ]}
/>

<DataGrid
  columns={[{ field: 'name' }]}
  rows={[
    { id: 1, name: 'React' },
    { id: 2, name: 'MUI' },
  ]}
/>

按 Enter 开始编辑

每行必须有一个唯一的标识符。

此标识符在内部用于识别各种模型中的行——例如，行选择模型——并跟踪跨更新的行。

默认情况下，数据表格在数据集中查找名为 id 的属性以获取该标识符。

如果行的标识符不称为 id，那么您需要使用 getRowId 属性来告诉数据表格它位于何处。

以下演示展示了如何使用 getRowId 从名为 internalId 的属性中获取唯一标识符

function getRowId(row) {
  return row.internalId;
}

<DataGrid getRowId={getRowId} />;

如果数据集中不存在这样的唯一标识符，那么您必须通过其他方式创建它，但应避免这种情况，因为它会导致数据表格的其他功能出现问题。

请注意，没有必要创建列来显示唯一标识符数据。数据表格直接从数据集本身提取此信息，而不是从屏幕上显示的任何内容中提取。

您可以查看样式化行部分以获取更多信息。