【问题标题】:How can I use the delete button of muidatatable?如何使用 muidatatable 的删除按钮?
【发布时间】:2021-06-24 15:12:51
【问题描述】:

每当我单击一行时,它都会显示一个删除按钮。如何访问该按钮并将我自己的删除代码放在那里?

【问题讨论】:

    标签: reactjs material-ui mui-datatable


    【解决方案1】:

    这样使用:

    const options = {
        onRowsDelete:(e)=>{console.log(e.data)}, <---- e.data is a array of rows
        selectableRows:'single',
    }
    
    render(){
    return(
    <MUIDataTable
            title={"title"}
            data={data}
            columns={columns}
            options={options}
          />
    )
    }
    

    【讨论】:

    • with e.data 我看不到数据:drive.google.com/file/d/1rEa1iMm2HjjGIa39Aprghtem5dHqxMR1/… e.data[0]: {index: 0, dataIndex: 0} dataIndex: 0 index: 0 原型:对象。 e.data[0].title: 未定义
    • 使用 console.log(e) 告诉我你看到了什么
    • 带有console.log(e) 单击垃圾桶图标时我看到:drive.google.com/file/d/1fbLCMqCeywuMEfuB9symtTUpcEqaY1W7/…
    • 没关系,你可以得到删除的行信息(索引0),你可以从你的数组中删除
    • 有两个索引:{index: 0, dataIndex: 0},我不清楚这两个索引如何与 redux 存储相关。 indexdataIndex 的实际含义是什么?
    猜你喜欢
    • 2014-04-18
    • 1970-01-01
    • 1970-01-01
    • 2016-02-29
    • 1970-01-01
    • 1970-01-01
    • 2016-07-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多