dropdown - 如何使用空格键从反应材料表的查找字段中选择一个选项？

Question

我已经在反应材料表中填充了数据。例如我使用下面的代码：

var columns = [
    { title: "id", field: "id", hidden: true },
    {
      title: "First Name", field: "first_name"
    },
    { title: "Last Name", field: "last_name" },
    { title: "Email", field: "email" },
    {
      title: "Level",
      field: "level",
      lookup: { 1: '1', 2: '2', 3: '3', 4: '4', 5: '5' },
    }
  ];

表格是：

<MaterialTable
            title="Resource Editor"
            columns={columns}
            data={data}
            icons={tableIcons}
            options={{
              maxBodyHeight: 325, selection: true, actionsColumnIndex: 0, addRowPosition: 'first', 
              rowStyle: {
                fontSize: 'small',
              },
              headerStyle: {
                fontSize: 'small',
                backgroundColor: '#039be5',
                color: '#FFF'
              }
            }}
            editable={{
              onRowUpdate: (newData, oldData) =>
                new Promise((resolve) => {
                  handleRowUpdate(newData, oldData, resolve);

                }),
              onRowAdd: (newData) =>
                new Promise((resolve) => {
                  handleRowAdd(newData, resolve)
                }),
              onRowDelete: (oldData) =>
                new Promise((resolve) => {
                  handleRowDelete(oldData, resolve)
                }),
            }}
          />

在编辑时，当我尝试使用键盘中的空格键栏从下拉列表中选择一个选项时，我无法这样做。但是我在 Material Table 站点的演示（链接：https ://material-table.com/#/docs/features/editable ）下的可编辑示例部分看到了同样的事情。

请建议我的代码有什么问题？

提前致谢..