diff --git a/app/Http/Controllers/Admin/Manage/PurchaseController.php b/app/Http/Controllers/Admin/Manage/PurchaseController.php
index 2a1ae1e..1f6842a 100644
--- a/app/Http/Controllers/Admin/Manage/PurchaseController.php
+++ b/app/Http/Controllers/Admin/Manage/PurchaseController.php
@@ -18,7 +18,7 @@ class PurchaseController extends Controller
     public function index(): Response
     {
         return Inertia::render('admin/manage/purchase/index', [
-            'purchases' => Purchase::latest()->get(),
+            'purchases' => Purchase::with(['items.product'])->latest()->get(),
         ]);
     }
 
diff --git a/resources/js/pages/admin/manage/purchase/partials/columns.tsx b/resources/js/pages/admin/manage/purchase/partials/columns.tsx
index b1804b1..4969d36 100644
--- a/resources/js/pages/admin/manage/purchase/partials/columns.tsx
+++ b/resources/js/pages/admin/manage/purchase/partials/columns.tsx
@@ -25,6 +25,46 @@ export const getColumns = ({ onDelete }: ColumnProps): ColumnDef<Purchase>[] =>
         },
         meta: { title: "Tanggal" },
     },
+    {
+        accessorKey: "items",
+        header: ({ column }) => (
+            <DataTableColumnHeader column={column} title="Item" />
+        ),
+        cell: ({ row }) => {
+            const purchase = row.original;
+            const items = purchase.items;
+
+            if (!items || !Array.isArray(items) || items.length === 0) {
+                return <span className="text-muted-foreground text-xs italic">-</span>;
+            }
+
+            return (
+                <div className="flex flex-col gap-1">
+                    {items.map((item, i) => (
+                        <div key={i} className="text-xs whitespace-nowrap">
+                            <span className="text-muted-foreground">{item.product?.name || 'Produk N/A'}:</span>{' '}
+                            <span className="font-medium text-primary">{item.quantity} x {item.unit_price_formatted}</span>
+                        </div>
+                    ))}
+                </div>
+            );
+        },
+        meta: { title: "Item" },
+    },
+    {
+        accessorKey: "total",
+        header: ({ column }) => (
+            <DataTableColumnHeader column={column} title="Total" />
+        ),
+        cell: ({ row }) => {
+            return (
+                <span className="font-bold text-primary">
+                    {row.original.total_formatted}
+                </span>
+            );
+        },
+        meta: { title: "Total" },
+    },
     {
         accessorKey: "note",
         header: "Catatan",