From e2e3a93fb2e93d75a6ed1c9c79bd9ed77250305e Mon Sep 17 00:00:00 2001
From: ahmad afandi <ahmad.afandi85@gmail.com>
Date: Fri, 15 Aug 2025 08:17:04 +0700
Subject: [PATCH 1/4] awal

---
 app/Http/Controllers/DataPokokController.php  |   5 +
 .../excel-download-button.blade.php           | 205 ++++++++++++++++++
 .../views/components/print-button.blade.php   |  69 ++++++
 .../data_pokok/pendidikan/cetak.blade.php     |  70 ++++++
 routes/web.php                                |   5 +-
 5 files changed, 350 insertions(+), 4 deletions(-)
 create mode 100644 resources/views/components/excel-download-button.blade.php
 create mode 100644 resources/views/components/print-button.blade.php
 create mode 100644 resources/views/data_pokok/pendidikan/cetak.blade.php

diff --git a/app/Http/Controllers/DataPokokController.php b/app/Http/Controllers/DataPokokController.php
index e6d4281ff..95f9d106f 100644
--- a/app/Http/Controllers/DataPokokController.php
+++ b/app/Http/Controllers/DataPokokController.php
@@ -63,6 +63,11 @@ public function pendidikan()
         return view('data_pokok.pendidikan.index');
     }
 
+    public function cetakPendidikan(Request $request)
+    {
+        return view('data_pokok.pendidikan.cetak', ['filter' => $request->getQueryString()]);
+    }
+
     public function ketenagakerjaan()
     {
         $title = 'Data Pekerjaan dan Pelatihan';
diff --git a/resources/views/components/excel-download-button.blade.php b/resources/views/components/excel-download-button.blade.php
new file mode 100644
index 000000000..85ec96e5b
--- /dev/null
+++ b/resources/views/components/excel-download-button.blade.php
@@ -0,0 +1,205 @@
+@props([
+    'id' => 'download-excel',
+    'label' => 'Excel',
+    'size' => 'btn-sm',
+    'variant' => 'btn-success',
+    'icon' => 'fa fa-file-excel',
+    'disabled' => false,
+    'loadingText' => 'Downloading...',
+    'downloadUrl' => '',
+    'tableId' => '',
+    'filename' => 'data_export',
+    'apiHeaders' => [],
+    'additionalParams' => [],
+    'class' => '',
+])
+
+<button id="{{ $id }}" type="button" class="btn {{ $variant }} {{ $size }} {{ $class }}"
+    @if ($disabled) disabled @endif data-download-url="{{ $downloadUrl }}"
+    data-table-id="{{ $tableId }}" data-filename="{{ $filename }}">
+    <i class="{{ $icon }}"></i>
+    {{ $label }}
+</button>
+
+@once
+    @push('js')
+        <script nonce="{{ csp_nonce() }}">
+            document.addEventListener("DOMContentLoaded", function() {
+                // Handle all excel download buttons
+                document.querySelectorAll('[data-download-url]').forEach(function(button) {
+                    button.addEventListener('click', function() {
+                        const downloadUrl = this.getAttribute('data-download-url');
+                        const tableId = this.getAttribute('data-table-id');
+                        const filename = this.getAttribute('data-filename');
+
+                        downloadExcelData(this, downloadUrl, tableId, filename);
+                    });
+                });
+
+                async function downloadExcelData(button, downloadUrl, tableId, filename) {
+                    const originalHtml = button.innerHTML;
+                    try {
+                        // Get headers - try to use the global header from the page
+                        const headers = @include('layouts.components.header_bearer_api_gabungan');
+
+                        // Get table instance if tableId is provided
+                        if (tableId) {
+                            const table = $('#' + tableId).DataTable();
+                            const info = table.page.info();
+                            const totalData = info.recordsTotal;
+
+                            if (totalData === 0) {
+                                if (typeof Swal !== 'undefined') {
+                                    Swal.fire({
+                                        icon: 'warning',
+                                        title: 'Tidak Ada Data',
+                                        text: 'Tidak ada data untuk diunduh. Silakan periksa filter Anda.',
+                                        confirmButtonText: 'OK'
+                                    });
+                                } else {
+                                    alert('Tidak ada data untuk diunduh');
+                                }
+                                return;
+                            }
+                        }
+
+                        // Show loading state
+                        button.disabled = true;
+                        button.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Downloading...';
+
+                        // Prepare download URL
+                        const url = new URL(downloadUrl);
+
+                        let urlParams = new URLSearchParams();
+
+                        if (tableId) {
+                            // Get filter parameters from DataTable
+                            const table = $('#' + tableId).DataTable();
+                            const filterParams = table.ajax.params();
+
+                            // Remove pagination parameters since we want all data
+                            delete filterParams['page[size]'];
+                            delete filterParams['page[number]'];
+
+                            // Handle umur filter conversion if exists
+                            if (filterParams['filter[umur]'] && typeof filterParams['filter[umur]'] === 'object') {
+                                const umurObj = filterParams['filter[umur]'];
+
+                                if (umurObj.min && umurObj.min !== '') {
+                                    filterParams['filter[umur][min]'] = umurObj.min;
+                                }
+                                if (umurObj.max && umurObj.max !== '') {
+                                    filterParams['filter[umur][max]'] = umurObj.max;
+                                }
+                                if (umurObj.satuan) {
+                                    filterParams['filter[umur][satuan]'] = umurObj.satuan;
+                                }
+
+                                delete filterParams['filter[umur]'];
+                            }
+
+                            // Convert to URLSearchParams
+                            Object.keys(filterParams).forEach(key => {
+                                const value = filterParams[key];
+                                if (value !== null && value !== undefined && value !== '' && value !==
+                                    'null') {
+                                    urlParams.append(key, value);
+                                }
+                            });
+
+                            const info = table.page.info();
+                            urlParams.append('totalData', info.recordsTotal);
+                        }
+
+                        // Make fetch request
+                        const response = await fetch(url, {
+                            method: 'POST',
+                            headers: {
+                                ...headers,
+                                'Content-Type': 'application/x-www-form-urlencoded',
+                                'Accept': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+                            },
+                            body: urlParams
+                        });
+
+                        if (!response.ok) {
+                            const errorText = await response.text();
+                            throw new Error(`HTTP ${response.status}: ${errorText}`);
+                        }
+
+                        // Validate response content type
+                        const contentType = response.headers.get('content-type');
+                        if (!contentType || (!contentType.includes(
+                                    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') &&
+                                !contentType.includes('application/vnd.ms-excel'))) {
+                            throw new Error('Response is not a valid Excel file');
+                        }
+
+                        // Get filename from response headers or generate one
+                        const contentDisposition = response.headers.get('content-disposition');
+                        let finalFilename = filename + '.xlsx';
+
+                        if (contentDisposition) {
+                            const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(contentDisposition);
+                            if (matches != null && matches[1]) {
+                                finalFilename = matches[1].replace(/['"]/g, '');
+                            }
+                        } else {
+                            // Generate filename with timestamp
+                            const now = new Date();
+                            const timestamp = now.toISOString().slice(0, 19).replace(/[-:T]/g, '');
+                            finalFilename = `${filename}_${timestamp}.xlsx`;
+                        }
+
+                        // Create blob and download
+                        const blob = await response.blob();
+                        const downloadLink = window.URL.createObjectURL(blob);
+                        const a = document.createElement('a');
+                        a.href = downloadLink;
+                        a.download = finalFilename;
+                        document.body.appendChild(a);
+                        a.click();
+                        window.URL.revokeObjectURL(downloadLink);
+                        document.body.removeChild(a);
+
+                        // Show success message
+                        if (typeof Swal !== 'undefined') {
+                            Swal.fire({
+                                icon: 'success',
+                                title: 'Berhasil!',
+                                text: `File Excel "${finalFilename}" berhasil diunduh`,
+                                timer: 3000,
+                                showConfirmButton: false
+                            });
+                        }
+
+                    } catch (error) {
+                        console.error('Download error:', error);
+
+                        // Show error message
+                        if (typeof Swal !== 'undefined') {
+                            Swal.fire({
+                                icon: 'error',
+                                title: 'Gagal Download!',
+                                html: `
+                        <p>Terjadi kesalahan saat mengunduh file Excel:</p>
+                        <p><small>${error.message}</small></p>
+                        <p>Silakan coba lagi atau hubungi administrator.</p>
+                    `,
+                                confirmButtonText: 'OK'
+                            });
+                        } else {
+                            alert('Gagal download: ' + error.message);
+                        }
+                    } finally {
+                        // Reset button state
+                        console.log('Resetting button state');
+                        console.log('Original HTML:', originalHtml);
+                        button.disabled = false;
+                        button.innerHTML = originalHtml;
+                    }
+                }
+            });
+        </script>
+    @endpush
+@endonce
diff --git a/resources/views/components/print-button.blade.php b/resources/views/components/print-button.blade.php
new file mode 100644
index 000000000..8508118c9
--- /dev/null
+++ b/resources/views/components/print-button.blade.php
@@ -0,0 +1,69 @@
+{{-- resources/views/components/print-button.blade.php --}}
+@props([
+    'label' => 'Cetak',
+    'icon' => 'fa fa-print',
+    'variant' => 'btn-primary',
+    'size' => 'btn-sm',
+    'printUrl' => '',
+    'tableId' => '',
+    'filters' => [],
+    'additionalParams' => [],
+])
+
+@php
+    $buttonId = 'print-btn-' . $tableId;
+@endphp
+
+<button type="button" class="btn {{ $variant }} {{ $size }}" id="{{ $buttonId }}"
+    data-print-url="{{ $printUrl }}" data-table-id="{{ $tableId }}" data-filters="{{ json_encode($filters) }}"
+    data-additional-params="{{ json_encode($additionalParams) }}">
+    <i class="{{ $icon }}"></i>
+    {{ $label }}
+</button>
+
+<script nonce="{{ csp_nonce() }}">
+    document.addEventListener("DOMContentLoaded", function() {
+        const printButton = document.getElementById('{{ $buttonId }}');
+
+        if (printButton) {
+            printButton.addEventListener('click', function(e) {
+                e.preventDefault();
+
+                const printUrl = new URL(this.dataset.printUrl);
+                const tableId = this.dataset.tableId;
+                const filters = JSON.parse(this.dataset.filters || '{}');
+                const additionalParams = JSON.parse(this.dataset.additionalParams || '{}');
+
+                // Add filter parameters
+                Object.entries(filters).forEach(([filterId, paramName]) => {
+                    const filterElement = document.getElementById(filterId);
+                    if (filterElement && filterElement.value) {
+                        printUrl.searchParams.append(paramName, filterElement.value);
+                    }
+                });
+
+                // Add search parameter from DataTable
+                if (tableId) {
+                    const dataTable = $('#' + tableId).DataTable();
+                    // Get filters/search from DataTable's ajax.params
+                    if (typeof dataTable.ajax.params === 'function') {
+                        const params = dataTable.ajax.params();
+                        Object.entries(params).forEach(([key, value]) => {
+                            if (value && value !== '' && value !== 'null') {
+                                printUrl.searchParams.append(key, value);
+                            }
+                        });
+                    }
+                }
+
+                // Add additional static parameters
+                Object.entries(additionalParams).forEach(([key, value]) => {
+                    printUrl.searchParams.append(key, value);
+                });
+
+                // Open print URL in new window
+                window.open(printUrl.href, '_blank');
+            });
+        }
+    });
+</script>
diff --git a/resources/views/data_pokok/pendidikan/cetak.blade.php b/resources/views/data_pokok/pendidikan/cetak.blade.php
new file mode 100644
index 000000000..b514be398
--- /dev/null
+++ b/resources/views/data_pokok/pendidikan/cetak.blade.php
@@ -0,0 +1,70 @@
+@extends('layouts.cetak.index')
+
+@section('title', 'Data Pendidikan')
+
+@section('content')
+    @include('partials.breadcrumbs')
+    <div x-data="{
+        data: {},
+        async retrievePosts() {
+            try {
+                const headers = @include('layouts.components.header_bearer_api_gabungan');
+                var create_url = new URL({{ json_encode(config('app.databaseGabunganUrl')) }} + '/api/v1/pendidikan');
+    
+                // Get current URL parameters and add them to create_url
+                const currentUrl = new URL(window.location.href);
+                const urlParams = currentUrl.searchParams;
+    
+                // Add all search parameters from current URL
+                for (const [key, value] of urlParams.entries()) {
+                    if (value && value !== '' && value !== 'null') {
+                        create_url.searchParams.set(key, value);
+                    }
+                }
+    
+                const response = await fetch(create_url.href, {
+                    method: 'GET',
+                    headers: headers
+                });
+    
+                if (!response.ok) throw new Error('Gagal mengambil data');
+    
+                const result = await response.json();
+                this.data = result.data;
+    
+                await $nextTick();
+                window.print();
+            } catch (error) {
+                console.error('Terjadi kesalahan:', error);
+                alert('Terjadi kesalahan saat mengambil data.');
+            }
+        }
+    }" x-init="retrievePosts">
+        <table class="border thick" id="tabel-penduduk">
+            <thead>
+                <tr class="border thick">
+                    <th class="padat">No</th>
+                    <th class="padat">Nama {{ config('app.sebutanDesa') }}</th>
+                    <th class="padat">NIK</th>
+                    <th class="padat">Pekerjaan</th>
+                    <th class="padat">Jabatan</th>
+                    <th class="padat">Jumlah Penghasilan</th>
+                    <th class="padat">Pelatihan</th>
+                </tr>
+            </thead>
+            <tbody>
+                <template x-for="(value, index) in data">
+                    <tr>
+                        <td class="padat" x-text="index+1"></td>
+                        <td x-text="value.attributes.nama_desa"></td>
+                        <td x-text="value.attributes.nik"></td>
+                        <td x-text="value.attributes.pekerjaan"></td>
+                        <td x-text="value.attributes.jabatan"></td>
+                        <td x-text="value.attributes.jumlah_penghasilan"></td>
+                        <td x-text="value.attributes.pelatihan"></td>
+                    </tr>
+                </template>
+            </tbody>
+        </table>
+    </div>
+@stop
diff --git a/routes/web.php b/routes/web.php
index f6b449f9c..9133e78e9 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -136,7 +136,6 @@
             Route::get('/detail/{no_kk}', 'show')->name('keluarga.detail');
         });
 
-
     // rtm
     Route::middleware(['permission:penduduk-read'])->controller(RtmController::class)
         ->prefix('rtm')
@@ -161,6 +160,7 @@
         ->group(function () {
             Route::middleware(['permission:datapokok-ketenagakerjaan-read'])->get('/ketenagakerjaan', 'ketenagakerjaan')->name('pendidikan');
             Route::middleware(['permission:datapokok-pendidikan-read'])->get('/pendidikan', 'pendidikan')->name('pendidikan');
+            Route::middleware(['permission:datapokok-pendidikan-read'])->get('/pendidikan/cetak', 'cetakPendidikan')->name('pendidikan.cetak');
             Route::middleware(['permission:datapokok-pariwisata-read'])->get('/pariwisata', 'pariwisata')->name('pariwisata');
             Route::middleware(['permission:datapokok-jaminan-sosial-read'])->get('/jaminan-sosial', 'jaminanSosial')->name('jaminan-sosial');
             Route::middleware(['permission:datapokok-jaminan-sosial-read'])->get('/jaminan-sosial/detail', 'detailJaminanSosial')->name('jaminan-sosial-detail');
@@ -229,7 +229,6 @@
     });
 
     Route::prefix('data-presisi')->group(function () {
-
         Route::prefix('kesehatan')->group(function () {
             Route::get('/', [App\Http\Controllers\DataPresisiKesehatanController::class, 'index'])->name('data-pokok.data-presisi.index');
             Route::get('/detail', [App\Http\Controllers\DataPresisiKesehatanController::class, 'detail'])->name('data-pokok.data-presisi.detail');
@@ -237,7 +236,6 @@
         })
         ->middleware(['permission:datapresisi-kesehatan-read']);
 
-
         Route::prefix('seni-budaya')->group(function () {
             Route::get('/', [App\Http\Controllers\DataPresisiSeniBudayaController::class, 'index'])->name('data-pokok.data-presisi-seni-budaya.index');
             Route::get('/detail', [App\Http\Controllers\DataPresisiSeniBudayaController::class, 'detail'])->name('data-pokok.data-presisi-seni-budaya.detail');
@@ -272,7 +270,6 @@
             Route::get('cetak', [App\Http\Controllers\DataPresisiAdatController::class, 'cetak'])->name('data-pokok.data-presisi-adat.cetak');
         })
         ->middleware(['permission:datapresisi-adat-read']);
-
     });
 
     // Prodeskel

From 3b698a748fafaf111b18c963f6d4337600452774 Mon Sep 17 00:00:00 2001
From: ahmad afandi <ahmad.afandi85@gmail.com>
Date: Fri, 15 Aug 2025 09:49:52 +0700
Subject: [PATCH 2/4] Tambahkan kolom nama desa pada beberapa halaman
 pendidikan di OpenKab

---
 .../data_pokok/pendidikan/cetak.blade.php     |  20 +-
 .../data_pokok/pendidikan/index.blade.php     | 203 +++++++++---------
 2 files changed, 119 insertions(+), 104 deletions(-)

diff --git a/resources/views/data_pokok/pendidikan/cetak.blade.php b/resources/views/data_pokok/pendidikan/cetak.blade.php
index b514be398..de486b7d5 100644
--- a/resources/views/data_pokok/pendidikan/cetak.blade.php
+++ b/resources/views/data_pokok/pendidikan/cetak.blade.php
@@ -46,10 +46,12 @@
                     <th class="padat">No</th>
                     <th class="padat">Nama {{ config('app.sebutanDesa') }}</th>
                     <th class="padat">NIK</th>
-                    <th class="padat">Pekerjaan</th>
-                    <th class="padat">Jabatan</th>
-                    <th class="padat">Jumlah Penghasilan</th>
-                    <th class="padat">Pelatihan</th>
+                    <th class="padat">Pendidikan<br> dalam KK</th>
+                    <th class="padat">Pendidikan<br>Sedang Ditempuh</th>
+                    <th class="padat">Partisipasi Sekolah</th>
+                    <th class="padat">Jenjang<br> dan Jenis<br>Pendidikan Tertinggi</th>
+                    <th class="padat">Kelas Tertinggi</th>
+                    <th class="padat">Ijazah Tertinggi</th>
                 </tr>
             </thead>
             <tbody>
@@ -58,10 +60,12 @@
                         <td class="padat" x-text="index+1"></td>
                         <td x-text="value.attributes.nama_desa"></td>
                         <td x-text="value.attributes.nik"></td>
-                        <td x-text="value.attributes.pekerjaan"></td>
-                        <td x-text="value.attributes.jabatan"></td>
-                        <td x-text="value.attributes.jumlah_penghasilan"></td>
-                        <td x-text="value.attributes.pelatihan"></td>
+                        <td x-text="value.attributes.pendidikan_kk_id"></td>
+                        <td x-text="value.attributes.pendidikan_sedang_id"></td>
+                        <td x-text="value.attributes.partisipasi_sekolah"></td>
+                        <td x-text="value.attributes.pendidikan_tertinggi"></td>
+                        <td x-text="value.attributes.kelas_tertinggi"></td>
+                        <td x-text="value.attributes.ijazah_tertinggi"></td>
                     </tr>
                 </template>
             </tbody>
diff --git a/resources/views/data_pokok/pendidikan/index.blade.php b/resources/views/data_pokok/pendidikan/index.blade.php
index 11396de4b..ce7a7d981 100644
--- a/resources/views/data_pokok/pendidikan/index.blade.php
+++ b/resources/views/data_pokok/pendidikan/index.blade.php
@@ -42,7 +42,13 @@
         <div class="col-lg-12">
             <div class="card card-outline card-primary">
                 <div class="card-header">
-                    <div class="float-left">Data Pendidikan Penduduk dan DTKS</div>
+                    <div>Data Pendidikan Penduduk dan DTKS</div>
+                    <div class="row">
+                        <div class="col-sm-3">
+                            <x-print-button :print-url="url('data-pokok/pendidikan/cetak')" table-id="pendidikan" :filter="[]" />
+                            <x-excel-download-button :download-url="config('app.databaseGabunganUrl') . '/api/v1/pendidikan/download'" table-id="pendidikan" filename="data_pendidikan" />
+                        </div>
+                    </div>
                 </div>
                 <div class="card-body">
                     <div class="table-responsive">
@@ -50,6 +56,7 @@
                             <thead>
                                 <tr>
                                     <th>No</th>
+                                    <th>Nama {{ config('app.sebutanDesa') }}</th>
                                     <th>NIK</th>
                                     <th>Pendidikan dalam KK</th>
                                     <th>Pendidikan Sedang Ditempuh</th>
@@ -70,106 +77,110 @@
 
 @section('js')
     @include('data_pokok.pendidikan.chart')
-    <script nonce="{{ csp_nonce() }}"  >
+    <script nonce="{{ csp_nonce() }}">
         let data_grafik = [];
-    document.addEventListener("DOMContentLoaded", function(event) {
+        document.addEventListener("DOMContentLoaded", function(event) {
 
-        const header = @include('layouts.components.header_bearer_api_gabungan');
-        var url = new URL("{{ config('app.databaseGabunganUrl').'/api/v1/pendidikan' }}");
-        url.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");
-        url.searchParams.set("kode_kecamatan", "{{ session('kecamatan.kode_kecamatan') ?? '' }}");
-        url.searchParams.set("config_desa", "{{ session('desa.id') ?? '' }}");
+            const header = @include('layouts.components.header_bearer_api_gabungan');
+            var url = new URL("{{ config('app.databaseGabunganUrl') . '/api/v1/pendidikan' }}");
+            url.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");
+            url.searchParams.set("kode_kecamatan", "{{ session('kecamatan.kode_kecamatan') ?? '' }}");
+            url.searchParams.set("config_desa", "{{ session('desa.id') ?? '' }}");
 
-        var pendidikan = $('#pendidikan').DataTable({
-            processing: true,
-            serverSide: true,
-            autoWidth: false,
-            ordering: false,
-            searchPanes: {
-                viewTotal: false,
-                columns: [0]
-            },
-            ajax: {
-                url: url.href,
-                headers: header,
-                method: 'get',
-                data: function(row) {
-                    return {
-                        "page[size]": row.length,
-                        "page[number]": (row.start / row.length) + 1,
-                        "filter[search]": row.search.value,
-                        "filter[kode_desa]": $("#kode_desa").val(),
-                    };
-                },
-                dataSrc: function(json) {
-                    
-                    if (json.data.length > 0) {
-                        json.recordsTotal = json.meta.pagination.total
-                        json.recordsFiltered = json.meta.pagination.total
-                        data_grafik = [];
-                        json.data.forEach(function(item, index) {
-                            data_grafik.push(item.attributes)
-                        })
-                        grafikPie()
-                        return json.data;
-                    }
-                    return false;
+            var pendidikan = $('#pendidikan').DataTable({
+                processing: true,
+                serverSide: true,
+                autoWidth: false,
+                ordering: false,
+                searchPanes: {
+                    viewTotal: false,
+                    columns: [0]
                 },
-            },
-            columnDefs: [{
-                        targets: '_all',
-                        className: 'text-nowrap',
+                ajax: {
+                    url: url.href,
+                    headers: header,
+                    method: 'get',
+                    data: function(row) {
+                        return {
+                            "page[size]": row.length,
+                            "page[number]": (row.start / row.length) + 1,
+                            "filter[search]": row.search.value,
+                            "filter[kode_desa]": $("#kode_desa").val(),
+                        };
+                    },
+                    dataSrc: function(json) {
+
+                        if (json.data.length > 0) {
+                            json.recordsTotal = json.meta.pagination.total
+                            json.recordsFiltered = json.meta.pagination.total
+                            data_grafik = [];
+                            json.data.forEach(function(item, index) {
+                                data_grafik.push(item.attributes)
+                            })
+                            grafikPie()
+                            return json.data;
+                        }
+                        return false;
                     },
-                ],
-            columns: [{
-                    data: null,
-                    orderable: false
-                },
-                {
-                    data: "attributes.nik",
-                    name: "nik",
-                    orderable: false
-                },
-                {
-                    data: "attributes.pendidikan_kk_id",
-                    name: "pendidikan_kk_id",
-                    orderable: false
-                },
-                {
-                    data: "attributes.pendidikan_sedang_id",
-                    name: "pendidikan_sedang_id",
-                    orderable: false
-                },
-                {
-                    data: "attributes.partisipasi_sekolah",
-                    name: "partisipasi_sekolah",
-                    orderable: false
-                },
-                {
-                    data: "attributes.pendidikan_tertinggi",
-                    name: "pendidikan_tertinggi",
-                    orderable: false
-                },
-                {
-                    data: "attributes.kelas_tertinggi",
-                    name: "kelas_tertinggi",
-                    orderable: false
-                },
-                {
-                    data: "attributes.ijazah_tertinggi",
-                    name: "ijazah_tertinggi",
-                    orderable: false
                 },
-            ]
-        })
-        pendidikan.on('draw.dt', function() {
-            var PageInfo = $('#pendidikan').DataTable().page.info();
-            pendidikan.column(0, {
-                page: 'current'
-            }).nodes().each(function(cell, i) {
-                cell.innerHTML = i + 1 + PageInfo.start;
+                columnDefs: [{
+                    targets: '_all',
+                    className: 'text-nowrap',
+                }, ],
+                columns: [{
+                        data: null,
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.nama_desa",
+                        name: "nama_desa",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.nik",
+                        name: "nik",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.pendidikan_kk_id",
+                        name: "pendidikan_kk_id",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.pendidikan_sedang_id",
+                        name: "pendidikan_sedang_id",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.partisipasi_sekolah",
+                        name: "partisipasi_sekolah",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.pendidikan_tertinggi",
+                        name: "pendidikan_tertinggi",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.kelas_tertinggi",
+                        name: "kelas_tertinggi",
+                        orderable: false
+                    },
+                    {
+                        data: "attributes.ijazah_tertinggi",
+                        name: "ijazah_tertinggi",
+                        orderable: false
+                    },
+                ]
+            })
+            pendidikan.on('draw.dt', function() {
+                var PageInfo = $('#pendidikan').DataTable().page.info();
+                pendidikan.column(0, {
+                    page: 'current'
+                }).nodes().each(function(cell, i) {
+                    cell.innerHTML = i + 1 + PageInfo.start;
+                });
             });
-        });
-    })
+        })
     </script>
-@endsection
\ No newline at end of file
+@endsection

From 4bfe343e61e65c8f2c594ade2bfbe88c9b987eed Mon Sep 17 00:00:00 2001
From: Abah Roland <59082428+vickyrolanda@users.noreply.github.com>
Date: Tue, 19 Aug 2025 12:14:20 +0700
Subject: [PATCH 3/4] [ci skip] memutahirkan catatan rilis

---
 catatan_rilis.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/catatan_rilis.md b/catatan_rilis.md
index 64fc31b04..04193cb80 100644
--- a/catatan_rilis.md
+++ b/catatan_rilis.md
@@ -9,6 +9,7 @@ Di rilis ini, versi 2508.0.0 berisi penambahan dan perbaikan yang diminta penggu
 5. [#796](https://github.com/OpenSID/OpenKab/issues/796) Penambahan kolom nama desa pada halaman menu bantuan OpenKab.
 6. [#799](https://github.com/OpenSID/OpenKab/issues/799) Penambahan kolom nama desa pada beberapa halaman kesehatan di OpenKab.
 7. [#797](https://github.com/OpenSID/OpenKab/issues/797) Penambahan kolom nama desa pada halaman ketenagakerjaan di OpenKab.
+8. [#798](https://github.com/OpenSID/OpenKab/issues/798) Penambahan kolom nama desa pada beberapa halaman pendidikan di OpenKab.
 
 
 #### Perbaikan BUG

From 160252eafeb11afbdd5850046b1cd538947d3b2a Mon Sep 17 00:00:00 2001
From: Abah Roland <59082428+vickyrolanda@users.noreply.github.com>
Date: Mon, 25 Aug 2025 04:02:27 +0700
Subject: [PATCH 4/4] [ci skip] memtuahirkan catatan rilis

---
 catatan_rilis.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/catatan_rilis.md b/catatan_rilis.md
index 04193cb80..841b34586 100644
--- a/catatan_rilis.md
+++ b/catatan_rilis.md
@@ -10,6 +10,7 @@ Di rilis ini, versi 2508.0.0 berisi penambahan dan perbaikan yang diminta penggu
 6. [#799](https://github.com/OpenSID/OpenKab/issues/799) Penambahan kolom nama desa pada beberapa halaman kesehatan di OpenKab.
 7. [#797](https://github.com/OpenSID/OpenKab/issues/797) Penambahan kolom nama desa pada halaman ketenagakerjaan di OpenKab.
 8. [#798](https://github.com/OpenSID/OpenKab/issues/798) Penambahan kolom nama desa pada beberapa halaman pendidikan di OpenKab.
+9. [#798](https://github.com/OpenSID/OpenKab/issues/798) Penambahan kolom nama desa pada beberapa halaman pendidikan di OpenKab.
 
 
 #### Perbaikan BUG