如何在反应材料表的列中添加自定义复选框?

Posted

技术标签:

【中文标题】如何在反应材料表的列中添加自定义复选框?【英文标题】:How to add custom checkbox in column in react material table? 【发布时间】:2021-03-06 20:57:09 【问题描述】:

您好,我在 React 项目中使用材料表。我想在表格单元格中添加一个复选框。 例如,在 Birth year colume 中代替 1987。如何实现?

https://codesandbox.io/s/material-demo-forked-5h51b?file=/demo.js:701-911

<MaterialTable
      title="Editable Example"
      columns=state.columns
      data=state.data
      options=
        selection: true
      
      editable=
       //Edit Code here
      
    />

【问题讨论】:

【参考方案1】:

我找到了答案...在列中添加类型:'boolean'。 例如,

    
      title: "Unit",
      field: "unit",
      type: 'boolean',
      
    ,

【讨论】:

以上是关于如何在反应材料表的列中添加自定义复选框?的主要内容,如果未能解决你的问题,请参考以下文章

如何自定义反应表 7 中的列

Qt - QTreeView 和带有复选框列的自定义模型

反应:获取自定义复选框的选中属性

Angular 反应式表单自定义验证器。仅在选中复选框时启用验证

如何在 Angular 4 的材料设计表中添加复选框

Kivymd:如何在不创建自定义类的情况下在列表项中添加复选框?