title: How to setup React Router <Link> inside a Datatables.net Cell?
body: <p>I have a datatables table (<a href="https://datatables.net" rel="nofollow noreferrer">https://datatables.net</a>) initialized like this: </p>
  
  <pre><code> $('#example').DataTable({
   data: data,
   columns: [{
               title: "Database ID",
               data: 'database_id',
               render: function (data, type, row) {
                         return '&lt;NavLink to="/shop"&gt;'+ data +'&lt;/NavLink&gt;';
                      }
              }]
   });
  </code></pre>
  
  <p>The NavLink that i have in the code is supposed to render a database cell as a clickable link because of React-Router (This whole function is inside a React component), but the link is not rendering when i run the code. </p>
  
  <p>What i ultimately want is the ability to click on a database cell that will take me to another component by routing into a link like "/shop/id" but i am stuck in it for a long time. Help!</p>