1.5 v-data-table

gistfile1.txt

  <tr>
    <td>
      <v-checkbox
        v-model="props.selected"
        primary
        hide-details
      ></v-checkbox>
    </td>
    <td style="cursor:pointer" @click="$router.push('/estimates/' + props.item.id + '/view')">{{ props.item.id }}</td>
    <td style="cursor:pointer" @click="$router.push('/estimates/' + props.item.id + '/view')">
      <v-layout align-center><user-avatar :firstName="props.item.user.first_name" :lastName="props.item.user.last_name" :avatarUrl="props.item.user.avatar_url" class="mr-2"></user-avatar>{{ props.item.user.full_name }}</v-layout>
    </td>
    <td style="cursor:pointer" @click="$router.push('/estimates/' + props.item.id + '/view')">
      <v-chip disabled text-color="white" :color="$store.getters.getHelpers.calculateEstimateLabelColor(props.item.status)" label small>{{ props.item.status }}</v-chip>
    </td>
    <td style="cursor:pointer" @click="$router.push('/estimates/' + props.item.id + '/view')">{{ findLastActivity(props.item.estimate_histories) }}</td>
    <td style="cursor:pointer" @click="$router.push('/estimates/' + props.item.id + '/view')">{{ props.item.customer.full_name }}</td>
    <td style="cursor:pointer" @click="$router.push('/estimates/' + props.item.id + '/view')"><span style="float:right">${{ $store.getters.getHelpers.formatMoney(props.item.revisions[props.item.revisions.length - 1].estimate_amount) }}</span></td>
  </tr>
</template>