title: Ant Design - prevent table row click in specific column/area
body: <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>