Add cell-template "data-waktu" to custom-table-column
This commit is contained in:
@@ -126,6 +126,7 @@
|
||||
caption="Max"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="data-waktu"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
@@ -135,6 +136,7 @@
|
||||
caption="Min"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="data-waktu"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
@@ -173,6 +175,7 @@
|
||||
caption="Max"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="data-waktu"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
@@ -182,6 +185,7 @@
|
||||
caption="Min"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="data-waktu"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
@@ -220,6 +224,7 @@
|
||||
caption="Max"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="data-waktu"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
@@ -229,6 +234,7 @@
|
||||
caption="Min"
|
||||
:allow-resizing="false"
|
||||
css-class="custom-table-column"
|
||||
cell-template="data-waktu"
|
||||
/>
|
||||
<DxColumn
|
||||
:width="150"
|
||||
@@ -249,6 +255,12 @@
|
||||
css-class="custom-table-column"
|
||||
/>
|
||||
</DxColumn>
|
||||
|
||||
<template #data-waktu="{ data }">
|
||||
<p>
|
||||
{{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
|
||||
</p>
|
||||
</template>
|
||||
</DxDataGrid>
|
||||
</div>
|
||||
</template>
|
||||
@@ -256,6 +268,7 @@
|
||||
<script setup lang="ts">
|
||||
import Filters from '@/components/Form/Filters.vue'
|
||||
import Type1 from '@/components/Form/FiltersType/Type1.vue'
|
||||
import { formatWaktu } from '@/components/Form/FiltersType/reference'
|
||||
import { DxDataGrid } from 'devextreme-vue'
|
||||
import {
|
||||
DxColumn,
|
||||
|
Reference in New Issue
Block a user