Javascript MUIdatatables如何使用箭头/制表键导航？

我想使用tabkey导航来导航多个可编辑的行。请向我推荐任何合适的方法。我试过基本的taIndex、启用焦点等东西，但它们在这里似乎不能正常工作

import React from "react";
import ReactDOM from "react-dom";
import MUIDataTable from "mui-datatables";

class App extends React.Component {
  render() {
    const columns = ["Name", "Title", "Location", "Age", "Salary"];

    const data = [
      ["Gabby George", "Business Analyst", "Minneapolis", 30, "$100,000"],
      ["Aiden Lloyd", "Business Consultant", "Dallas", 55, "$200,000"],
      ["Jaden Collins", "Attorney", "Santa Ana", 27, "$500,000"],
    ];

    const options = {
      filterType: "dropdown",
      responsive: "scroll"
    };

    return (
      <MUIDataTable
        title={"ACME Employee list"}
        data={data}
        columns={columns}
        options={options}
        enableFocusedCell="true"
      />
    );
  }
}

ReactDOM.render(<App />, document.getElementById("root"));

从“React”导入React；
从“react dom”导入react dom；
从“mui数据表”导入MUIDataTable；
类应用程序扩展了React.Component{
render（）{
常量列=[“姓名”、“职务”、“位置”、“年龄”、“薪水”]；
常数数据=[
[“Gabby George”，“业务分析师”，“明尼阿波利斯”，30，“100000美元]，
[“艾登·劳埃德”，“商业顾问”，“达拉斯”，55，“$200000”]，
[“Jaden Collins”，“律师”，“圣安娜”，27，“$500000”]，
];
常量选项={
filterType:“下拉列表”，
响应：“滚动”
};
返回(
);
}
}
render（，document.getElementById（“根”））；

MUI数据表已支持键盘导航（例如使用Tab键）

通过使用tabkey navigation导航多个可编辑行，我认为您想要做的可能是将指针指向第一行？为此，您可以尝试将指针设置为在装入第一行时将其聚焦：

componentDidMount() {
  // Start with the first row
  document.getElementById("MUIDataTableSelectCell-0").focus();
}