Как настроить контент в таблице материалов (React)?

Question

Я хочу добавить значок перед каждым элементом, соответствующим его данным, в одном столбце. В настоящее время я просто использую массив JS для отображения данных stati c, но не могу его настроить.

Используя это прямо сейчас:

<MaterialTable
title="Title"
columns={this.state.columns}
data={newDataTable}
options={{
  selection: true
}}
options={{
  search: false,
  sorting: true
}}
actions={[
  {
    icon: () => <Checkbox />,
    tooltip: 'checkbox'
  },
  {
    icon: () => <InfoIcon />,
    tooltip: 'info',
    onClick: (event, item) => {
      this.setState({
        isOpen: true,
        selectedItem: item
      });
    }
  }
]}

/>

Answer 1

Я предполагаю, что вы используете: https://github.com/mbrn/material-table.

Прежде чем передавать данные в таблицу, вы можете добавить такие значки, как:

const newData = newDataTable.map((value) => ({...value, firstColumn: <SomeIcon />}));

и добавьте столбец с: { title: "", field: "firstColumn" }".