title: How to make add hyperlink to a row of items in Quasar?
body: <p>I have a Quasar table where there are 5 columns. Among the five columns, I want the 1st column to have a hyperlink to the value that I am getting from an api.</p>
  
  <p>This is my blade.php code -</p>
  
  <pre><code>colModel:[
  {name:'name',index:'name', align:'center', sortable:false,  formatter: 'showlink', width:211, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' }, searchoptions:{sopt:["cn","eq","nc","bw"]}},
  {name:'in',index:'in', align:'center', sorttype:'date', datefmt:'Y-m-d H:i:s', searchoptions:{sopt:["cn","eq","nc","bw"]}},
  {name:'out',index:'out', align:'center', sortable:true, searchoptions:{sopt:["cn","eq","nc","bw"]}},
  {name:'in_comments',index:'in_comments', align:'center',  sorttype:'text', width:211, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' }, searchoptions:{sopt:["cn","eq","nc","bw"]}},
  {name:'out_comments',index:'out_comments', align:'center', sorttype:'text', width:211, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' }, searchoptions:{sopt:["cn","eq","nc","bw"]}}
  ]
  </code></pre>
  
  <p><br>
  This is my Vue code - </p>
  
  <pre><code>      visibleColumns: ['name', 'in', 'out', 'in_comments', 'out_comments'],
        columns: [
          { name: 'name', align: 'center', label: 'Name', field: 'name', sortable: true },
          { name: 'in', label: 'In', field: 'in', sortable: true },
          { name: 'out', label: 'Out', field: 'out', sortable: true },
          { name: 'in_comments', label: 'in comments', field: 'in_comments' },
          { name: 'out_comments', label: 'out comments', field: 'out_comments' },
        ],
  </code></pre>
  
  <p>The name should be wrapped with a hyperlink like this - 
  Name</p>
  
  <p>May I know what can be done to achieve this?</p>