material-table 添加多选查找

Question

我正在使用 Material-Table 来轻松管理我的数据。这太棒了，但只有一个功能。使用下面的代码，我得到一个 select 菜单。我想要一个 multiselect 菜单，这样我就可以保存多个 id，最好是一个数组。

当前Select

实施

columns = [
  {
    title: 'Game Systems',
    field: 'gameSystemIds',
    type: 'numeric',
    lookup: {1: "40k", 2: "Fantasy"},
  },
]

<Table
   columns={columns}
   data={allManufacturers}
</>

是否可以使用多个 select 盒子？

Answer 1

是的，您可以简单地覆盖列的 editComponent 属性来呈现您的自定义视图（这里是多个 select）并自行更新数据。

这里是 sandbox 如何做到这一点。