Блог

Я работаю с таблицами данных MUI (https://github.com/gregnb/mui-datatables ) в React и хотите передать реквизиты столбца определенным столбцам

MUI data tables принимает реквизит столбца (параметры) следующим образом:

 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} только к столбцам «Город» и «Штат»?