为mui-datatables数据添加全选框,作为对象(自定义列)。

问题描述 投票:0回答:1

当我的数据是对象格式(自定义列)而不是像外面的很多样本那样是一个带字符串的数组时,我在mui-datatables中添加一个选择全部的复选框时遇到了麻烦。此处,我试着用 customHeadRender 函数,但它没有被调用,我试着使用了 customToolbar它将加载选择所有复选框,但当你选择行时触发,我需要在页面加载时选择复选框。

谢谢您的支持

这里是 密码箱

enter image description here

javascript reactjs mui-datatable
1个回答
0
投票

只要使用 selectableRowsHeader: true, 在你 options 支持,你会没事的。

 ...
   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)
 ...

工作 演示在这里

© www.soinside.com 2019 - 2024. All rights reserved.