Question

我正在为我的应用程序显示数据，并一直在研究基于Material UI的不同可用数据表组件。我想知道material-table是否有可能在一个表列中呈现Material UI <Chip>组件。我尝试了我认为最可行的尝试这样的尝试，但没有成功。我的尝试：

const test = () => {
    return (
      <div>
        <Chip>Test</Chip>
        <Chip>Another Test</Chip>
      </div>
    )
  }

然后尝试渲染它：

<MaterialTable
   columns={[
      { title: 'Project Types', field: 'types' }
   ]}
   data={[
      { types: test },
   ]}
/>

我可以做些什么在我的材料表中渲染这些芯片吗？

Answer 1

像这样？检出MaterialTable的{{3}}

<MaterialTable
  columns={[
    {
      title: 'Project Types',
      field: 'types',
      render: rowData => (
        <div>
          {rowData.types.map(type => (
            <Chip key={type} label={type}/>
          ))}
        </div>
      ),
    },
  ]}
/>;

可以在材料表中渲染材料元素吗？

1 个答案: