quasar.vue

    <q-table
      ref="table"
      v-bind="table"
      :pagination.sync="server.pagination"
      :selected.sync="selected"
      :data="data"
      :columns="columns"
      @request="request"
    >
      <template
        v-if="left"
        slot="top-left"
        slot-scope="props"
      >
        <component :is="top"/>
      </template>

      <template
        v-if="right"
        slot="top-right"
        slot-scope="props"
      >
        <q-table-columns
          :label="i18n.columns"
          color="secondary"
          class="q-mr-sm"
          v-model="table.visibleColumns"
          :columns="columns"
        />
        <q-btn
          flat
          round
          dense
          :icon="props.inFullscreen ? 'fullscreen_exit' : 'fullscreen'"
          @click="props.toggleFullscreen"
        />
      </template>
      <q-tr
        slot="body"
        slot-scope="props"
        :props="props"
        @click.native="rowClick(props.row)"
        class="cursor-pointer">
        <q-td
          v-for="col in props.cols"
          :key="col.name"
          :props="props">
          <pre>{{ col.name }}</pre>
          {{ col.value }}
        </q-td>
      </q-tr>
     </q-table>