将 mui-datatables 数据的全选复选框添加为对象（自定义列）

【问题标题】：Add select all checkbox for mui-datatables data as object( custom columns)将 mui-datatables 数据的全选复选框添加为对象（自定义列）
【发布时间】：2020-08-29 02:49:36
【问题描述】：

当我的数据是对象格式（自定义列）而不是像带有大量样本的字符串的数组时，我无法在 mui-datatables 中添加一个复选框以全选。在文档here 之后，我尝试使用customHeadRender 函数，但它没有被调用，我尝试使用customToolbar，它会加载全选复选框，但是当你选择行时触发，我需要那个复选框页面加载。

谢谢

这里是codesanbox

【问题讨论】：

标签： javascript reactjs mui-datatable

【解决方案1】：

只需在 options 属性中使用 selectableRowsHeader: true, 即可。

 ...
   const options = {
      filterType: "textField",
      fixedHeader: true,
      sort: true,
      search: true,
      selectableRows: "multiple",
      responsive: "scrollMaxHeight",
      rowsPerPage: 15,
      rowHove: true,
      selectableRowsHeader: true, //<---------- this should be true (not false)
 ...

工作demo is here

【讨论】：

嗨 - 你试过了吗？有帮助吗？
它正在工作！我不敢相信我想念那个。太感谢了。花几个小时尝试让 customHeader 工作我想要的。非常感谢！！！