1

我希望能够将新数据添加到我的表中，并且还有一个操作按钮。我需要覆盖操作字段并使用一个按钮，因为我希望它打开一个材质 UI 菜单。但是，在覆盖时，它还会替换 Edittable onRowAdd 功能附带的添加按钮。您可以通过在此处的“操作覆盖示例”代码窗口中粘贴以下代码来复制问题： https ://material-table.com/#/docs/features/component-overriding

您可以在“可编辑示例”中看到添加按钮： https ://material-table.com/#/docs/features/editable

class ActionOverriding extends React.Component {
  render() {
    return (
      <MaterialTable
          editable={{
        onRowAdd: newData =>
            new Promise((resolve, reject) => {
                setTimeout(() => {
                    {}
                    resolve();
                }, 1000);}),}}
        title="Action Overriding Preview"
        options={{
            export:true,
        }}
        columns={[
          { title: 'Name', field: 'name' },
        ]}
        data={[{ name: 'Mehmet', surname: 'Baran', birthYear: 1987, birthCity: 63 },]}
        actions={[{
            icon: 'save',
            tooltip: 'Save User',
            onClick: (event, rowData) => alert("You saved " + rowData.name)
          }]} 
        components={{
          Action: props => (
            <Button onClick={(event) => props.action.onClick(event, props.data)} color="primary" variant="contained" style={{textTransform: 'none'}} size="small">My Button</Button>
),}}/>)}}
4

0 回答 0