javascript - 如何在 react Material 表的列中添加自定义复选框?

标签 javascript reactjs material-ui frontend material-table

您好,我在 React 项目中使用 Material 表。我想在我的表格单元格中添加一个复选框。 例如在出生年份列中代替 1987。如何实现?

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

enter image description here

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

最佳答案

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

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

关于javascript - 如何在 react Material 表的列中添加自定义复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64980357/

相关文章:

reactjs - Material UI TableCell 无法像列表项一样强制将字符串显示在新行中

reactjs - 如何在主题定义本身中使用断点

javascript - 在JQuery中使用switch语句时如何将元素数据传递到case中?

javascript - 如何连接参数数量未知的数组

Javascript 调用并应用构造函数

javascript - 如何在循环中设置状态?

javascript - Webpack css-loader 没有构建

javascript - 类组件中的获取请求未返回数据或更新状态

javascript - 如何在react material-ui中获取密码字段值

javascript - 使用 Google Apps 脚本查找二维数组内部