javascript - 向 MUI 数据表中的特定列添加道具

Question

我正在使用 React 中的 MUI 数据表 ( https://github.com/gregnb/mui-datatables ) 并希望将列道具传递给特定列

MUI 数据表通过以下方式接受列道具（选项）：

const columns = [
 {
  name: "name",
  label: "Name",
  options: {
   filter: true,
   sort: true,
  }
 },
 {
  name: "company",
  label: "Company",
  options: {
   filter: true,
   sort: false,
  }
 },
 {
  name: "city",
  label: "City",
  options: {
   filter: true,
   sort: false,
  }
 },
 {
  name: "state",
  label: "State",
  options: {
   filter: true,
   sort: false,
  }
 },
];

const data = [
 { name: "Joe James", company: "Test Corp", city: "Yonkers", state: "NY" },
 { name: "John Walsh", company: "Test Corp", city: "Hartford", state: "CT" },
 { name: "Bob Herm", company: "Test Corp", city: "Tampa", state: "FL" },
 { name: "James Houston", company: "Test Corp", city: "Dallas", state: "TX" },
];

const options = {
  filterType: 'checkbox',
};

<MUIDataTable
  title={"Employee List"}
  data={data}
  columns={columns}
  options={options}
/>

但是，当我通过 API 调用检索数据时，我不想具体说明项目中的每个列条目。

如何将特定的列道具传递给某些列？

即只传递options: {display: false}到“城市”和“州”列？

标签： javascriptreactjsmaterial-uimui-datatable