change table header specimen-collection

This commit is contained in:
2024-08-20 09:29:52 +07:00
parent a6f4c60cb2
commit f633b29add
2 changed files with 23 additions and 5 deletions

View File

@@ -11,6 +11,15 @@
hide-default-footer
class="row-pointer"
>
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }">
<tr @click="selectItem(item)" v-bind:class="{'bg-primary-lighten':isItemSelected(item)}">
<td>
@@ -50,9 +59,9 @@ export default {
headers: [
{
title: this.$t('message.tablePatient.date'),
align: "start",
align: "left",
sortable: false,
key: "name",
key: "date",
width: "15%",
class: "font-weight-bold",
},
@@ -60,7 +69,7 @@ export default {
title: this.$t('message.tablePatient.noreg'),
align: "start",
sortable: false,
key: "name",
key: "noreg",
width: "20%",
class: "font-weight-bold",
},
@@ -68,7 +77,7 @@ export default {
title: this.$t('message.tablePatient.group'),
align: "start",
sortable: false,
key: "name",
key: "group",
width: "25%",
class: "font-weight-bold",
},
@@ -84,7 +93,7 @@ export default {
title: this.$t('message.tablePatient.status'),
align: "start",
sortable: false,
key: "name",
key: "status",
width: "15%",
class: "font-weight-bold",
},

View File

@@ -92,6 +92,15 @@
:headers="headers"
hide-default-footer
>
<template v-slot:headers="{ columns }">
<tr>
<template v-for="column in columns" :key="column.key">
<td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
<span>{{ column.title }}</span>
</td>
</template>
</tr>
</template>
<template v-slot:item="{ item }">
<tr>
<td>