Ant Design - prevent table row click in specific column/area : <p>I'm using ant design table component. I have "actions" column that I don't want the onRowClick event will trigger in this column.</p>

<p>How can it be done?</p>

<p><a href="http://codepen.io/liron_e/pen/zZjVKZ?editors=001" rel="noreferrer">http://codepen.io/liron_e/pen/zZjVKZ?editors=001</a></p>

<pre><code>const { Table, Modal } = antd;

const confirm = (id) =&gt; {
  Modal.confirm({
    title: 'Confirm',
    content: 'Bla bla ...',
    okText: 'OK',
    cancelText: 'Cancel',
  });
};

const info = (id) =&gt; {
  Modal.info({
    title: 'Info',
    content: 'Bla bla ...',
    okText: 'OK',
    cancelText: 'Cancel',
  });
};

const columns = [
  {
    key: 'status',
    title: 'text',
    dataIndex: 'text'
  }, {
    key: 'actions',
    title: 'actions',
    dataIndex: 'id',
    render: (id) =&gt; {
      return (
        &lt;span&gt;
          &lt;a href="#" onClick={() =&gt; confirm(id)}&gt;
            Clone
          &lt;/a&gt;
          &lt;span className="ant-divider" /&gt;
          &lt;a href="#" onClick={() =&gt; confirm(id)}&gt;
            Replace
          &lt;/a&gt;
        &lt;/span&gt;
      );
    }
  }
];

 const dataSource = [
   {
     id: '1',
     text: 'Hello'
   },{
     id: '123',
     text: 'adsaddas'
   },{
     id: '123344',
     text: 'cvbbcvb'
   },{
     id: '5665',
     text: 'aasddasd'
   },
 ];


ReactDOM.render(
  &lt;div&gt;
    &lt;Table 
      columns={columns}
      onRowClick={() =&gt; this.info()}
      dataSource={dataSource}
    /&gt;
  &lt;/div&gt;
, mountNode);
</code></pre>

<p>As you can try when pressing on row the info modal would open.
When pressing some action the info <strong>and</strong> the confirm modals would open, and I would like that <strong>only confirm modal would open</strong>.</p>

<p>Thanks (:</p>
