title: How to make the entries in one column clickable in React Table?
body: <p>Im using React Table(<a href="http://react-table.js.org" rel="noreferrer">http://react-table.js.org</a>) to display a table in a page and populate it with data called from an API. I want to make the values displayed in one of the columns as links(a hrefs). This particular column contains only URLs. How to implement this in React Table?</p>
  
  <pre><code>    columns: [
              {
                filterable: false,
                Header: 'Click here',
                accessor: 'link',
                render: e =&gt; &lt;a href={e.value}&gt; {e.value} &lt;/a&gt;,
              },
            ],
  </code></pre>
  
  <p>Im taking "e" as the data which is being displayed in the table and wrapping it in ahref to convert it as a link. However, this approach is not working. </p>