diff --git a/app/Livewire/CoilPackDataTable.php b/app/Livewire/CoilPackDataTable.php
new file mode 100644
index 0000000..2b5d54f
--- /dev/null
+++ b/app/Livewire/CoilPackDataTable.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\CoilPacking;
+use Livewire\Component;
+
+class CoilPackDataTable extends Component
+{
+
+public $plantId;
+
+    public $coilPackNo;
+
+    public $snoCount = 0;
+
+    public $records = [];
+
+    protected $listeners = [
+        'loadData' => 'loadCoilData',
+    ];
+
+    public function loadCoilData($coilPackNo, $plantId)
+    {
+        $this->plantId = $plantId;
+        $this->coilPackNo = $coilPackNo;
+        $this->records = [];
+
+        $this->records = CoilPacking::query()
+            ->where('plant_id', $this->plantId)
+            ->where('coil_packing_number', $this->coilPackNo)
+            ->orderBy('scanned_at')
+            ->get()
+            ->map(function ($record) {
+                return [
+                    'created_at' => $record->created_at,
+                    'created_by' => $record->created_by ?? '',
+                    'coil_packing_number' => $record->coil_packing_number,
+                    'item_code'          => $record->item?->code ?? '',
+                    'item_description'   => $record->item?->description ?? '',
+                    'process_order' => $record->process_order,
+                    'scanned_at' => $record->scanned_at,
+                    'scanned_by' => $record->scanned_by ?? '',
+                ];
+            })
+            ->toArray();
+
+    }
+    public function render()
+    {
+        return view('livewire.coil-pack-data-table');
+    }
+}
diff --git a/resources/views/livewire/coil-pack-data-table.blade.php b/resources/views/livewire/coil-pack-data-table.blade.php
new file mode 100644
index 0000000..d3553a8
--- /dev/null
+++ b/resources/views/livewire/coil-pack-data-table.blade.php
@@ -0,0 +1,46 @@
+<div class="p-4">
+    <h2 class="text-lg font-bold mb-4 text-gray-700 uppercase tracking-wider">
+        CP DATA TABLE:
+    </h2>
+    <div class="overflow-x-auto rounded-lg shadow">
+        <table class="w-full divide-y divide-gray-200 text-sm text-center">
+            <thead class="bg-gray-100 text-s font-semibold uppercase text-gray-700">
+                <tr>
+                    <th class="border px-4 py-2">No</th>
+                    <th class="border px-4 py-2">Created Datetime</th>
+                    <th class="border px-4 py-2 whitespace-nowrap">Created By</th>
+                    <th class="border px-4 py-2 whitespace-nowrap">CPacking No</th>
+                    <th class="border px-4 py-2 whitespace-nowrap">Item Code</th>
+                    <th class="border px-4 py-2">Description</th>
+                    <th class="border px-4 py-2">Coil No</th>
+                    <th class="border px-4 py-2">Scanned Datetime</th>
+                    <th class="border px-4 py-2 whitespace-nowrap">Scanned By</th>
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-gray-100">
+                @forelse ($records as $index => $record)
+                    <tr class="hover:bg-gray-50">
+                        <td class="border px-4 py-2">{{ $index + 1 }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $record['created_at'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $record['created_by'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $record['coil_packing_number'] ?? '-' }}</td>
+                        <td class="border px-4 py-2">{{ $record['item_code'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $record['item_description'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $record['process_order'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $record['scanned_at'] ?? '-' }}</td>
+                        <td class="border px-4 py-2">{{ $record['scanned_by'] ?? '-' }}</td>
+                    </tr>
+                @empty
+                    <tr>
+                        <td colspan="10" class="px-4 py-4 text-center text-gray-500">
+                            No coil packing records found.
+                        </td>
+                    </tr>
+                @endforelse
+            </tbody>
+        </table>
+    </div>
+
+</div>
+
+