Ant Design - prevent table row click in specific column/area

Just stop propagation in your action handler:

<span> <a href="#" onClick={() => confirm(id)}> Clone </a> <span className="ant-divider" /> <a href="#" onClick={() => confirm(id)}> Replace </a> </span>


In your render function:

render: (id) => {
  return (
    <span>
      <a href="#" onClick={(e) => { 
           e.stopPropagation();      
           confirm(id);
          }}>
        Clone
      </a>
      <span className="ant-divider" />
      <a href="#" onClick={() => confirm(id)}>
        Replace
      </a>
    </span>
  );
}

<Menu.Item onClick={(e)=>{ 
            e.domEvent.stopPropagation();
            handleUpdate(id)}}>
            Edit
 </Menu.Item>

Tags:

Antd