title: antd table actions and onrow function
body: <p>While clicking actions in antd table onRow click action is also initiated. How can i solve these problem</p>
  
  <pre><code>key = (selectedRowKeys) =&gt; {
  console.log('selected values', selectedRowKeys);a
     }
  action = () =&gt; {
  console.log('received in actions')
  }
  </code></pre>
  
  <p>Table code:</p>
  
  <pre><code>&lt;Table
     onRowClick={this.key}
     loading={this.state.loading}
     dataSource={data}
     bordered="true"
  &gt;
  &lt;Column
   title="ID"
   dataIndex="id"
   key="id"
   width="100"
   zIndex="-1"
  /&gt;
  &lt;Column
   title="Action"
   key="action"
   width="200"
   render={(text, record) =&gt; (
     &lt;span style={{ zIndex: '-1' }}&gt;
  
       &lt;a href="javascript:;" onClickCapture={this.action}&gt;ACTION&lt;/a&gt;
     &lt;/span&gt;
   )}
  /&gt;
  &lt;/Table&gt;
  </code></pre>
  
  <p>while clicking the actions in the table the onclick function is also initiated, how to solve this im new to reactjs</p>