munawwirul_jamal/simrsx-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(pagination): format record numbers with locale for indonesia

Browse Source 
Apply toLocaleString('id-ID') to startRecord and endRecord to display numbers in Indonesian format
This commit is contained in:
Khafid Prayoga
2025-09-15 14:42:36 +07:00
parent 06caccf3cd
commit 56056c3fdb
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/pub/custom-ui/pagination/pagination.vue
+3 -2
View File
@@ -65,7 +65,8 @@ const formattedRecordCount = computed(() => {
}) })
const startRecord = computed(() => { const startRecord = computed(() => {
return ((props.paginationMeta.page - 1) * props.paginationMeta.pageSize) + 1 const start = ((props.paginationMeta.page - 1) * props.paginationMeta.pageSize) + 1
return Number(start).toLocaleString('id-ID')
}) })
const endRecord = computed(() => { const endRecord = computed(() => {
@@ -91,7 +92,7 @@ function getButtonClass(pageNumber: number) {
<!-- Info text --> <!-- Info text -->
<div v-if="showInfo && endRecord > 0" class="text-sm text-muted-foreground shrink-0"> <div v-if="showInfo && endRecord > 0" class="text-sm text-muted-foreground shrink-0">
Menampilkan {{ startRecord }} Menampilkan {{ startRecord }}
hingga {{ endRecord }} hingga {{ Number(endRecord).toLocaleString('id-ID') }}
dari {{ formattedRecordCount }} data dari {{ formattedRecordCount }} data
</div> </div>
<div v-else class="shrink-0">-</div> <div v-else class="shrink-0">-</div>