title: Adding modal popup to cells in ant design table
body: <p>I'm trying to add modals to a column in ant design table, so when I click on the value in a cell, a modal will popup. But I can't seem to make it work when I tried to add a onCell property. What should I write for the onClick function? I tried this.showModal; but it does not work.</p>
  <p>Here is the code for setting properties for the column:</p>
  <pre><code>for (let i = 0; i &lt; 1; i++) {
    columns.push({
      title: &quot;2021&quot; + (i + 1 + 5) + &quot;F&quot;,
      dataIndex: &quot;a&quot; + (i + 2),
      align: &quot;right&quot;,
      render: (text) =&gt; &lt;a href=&quot;#&quot;&gt;{text}&lt;/a&gt;,
      onCell: (record, rowIndex) =&gt; {
        return {
          onClick: () =&gt; {
            //insert show modal function
          }
        };
      }
    });
  }
  </code></pre>
  <p>Here is a working sandbox:
  <a href="https://codesandbox.io/s/dynamic-settings-antd4167-forked-0kcu0" rel="nofollow noreferrer">https://codesandbox.io/s/dynamic-settings-antd4167-forked-0kcu0</a></p>