title: Antd Design [Table] how to expand row by click in the column
body: <p>I have an expandable table with the last Action column for Submit or ViewDetails (expand more information )</p>
  <p><a href="https://i.stack.imgur.com/Q61sL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q61sL.png" alt="Antd Expaned Table" /></a></p>
  <p>Idk how to make the expand function in column.render(),
  Currently, I do the trick with expandRowByClick: true.</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Table
    expandable={{
      expandedRowRender,
      rowExpandable: (record) =&gt; record.key % 2,
      // expandIconColumnIndex:7
      expandRowByClick: true,
      expandIcon: () =&gt; &lt;div /&gt;
      }}
    dataSource={data}
  /&gt;
  </code></pre>
  <p>But it's not the answer, cuz there's some column that rendered with a link, other onClick callback, or the text <code>More detail</code> should be changed by the state of expanding (More/Less).</p>
  <p>Antd design version 4.16.0</p>
  <p>Codesandbox: <a href="https://codesandbox.io/s/antdnestedtables-zrtuw" rel="nofollow noreferrer">https://codesandbox.io/s/antdnestedtables-zrtuw</a></p>