title: How can I add an href to a q-table (Quasar Data Table)?
body: <p>I have put a q-table in my page to show my data. this is work correctly. I want to put an href in first column and another in last column. You should can click on them to go to other pages for showing details row and edit row Respectively. </p>
  
  <p>Title: go to page /#/offer/uuid</p>
  
  <p>Edit: go to page /#/account/offers/edit/uuid</p>
  
  <pre><code>    &lt;template&gt;
        &lt;q-page&gt;
          &lt;div class="row justify-center"&gt;
              &lt;q-table
                :data="data"
                :columns="columns"
                row-key="id"
                selection="single"
                :selected.sync="selected"
                :filter="filter"
                :loading="loading"
              &gt;
              &lt;/q-table&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/q-page&gt;
      &lt;/template&gt;
  
  &lt;script&gt;
  .....
  columns: [
          {
            name: 'title',
            required: true,
            label: 'Title',
            align: 'left',
            field: row =&gt; row.title,
            sortable: true,
            format: val =&gt; '&lt;a href="/offer/"&gt;' + val + '&lt;/a&gt;' //this is not work
          },
          {
            name: 'category',
            label: 'Category',
            field: 'category',
            sortable: true
          },
          {
            name: 'payment',
            label: 'Payment',
            field: 'payment'
          },
          {
            name: 'action',
            label: 'Edit',
            field: 'key',
            format: val =&gt; '&lt;a href="/account/offers/edit/"&gt;' + val + '&lt;/a&gt;' //this is not work
          }
        ]
  .....
  &lt;/script&gt;
  </code></pre>