update filter column with relation

app/Http/Controllers/admin/package/Datacenter.php

@@ -133,6 +133,11 @@ class Datacenter extends Controller
                 fn($d) =>
                 '<a href="' . route('package.datacenter.edit', $d->id) . '" class="btn btn-primary btn-sm">Edit</a>'
             )
+            ->filterColumn('v_center.host', function ($query, $keyword) {
+                $query->whereHas('vCenter', function ($q) use ($keyword) {
+                    $q->where('host', 'like', "%{$keyword}%");
+                });
+            })
             ->make(true);
     }
 

resources/views/components/data-table.blade.php

@@ -1,12 +1,12 @@
 @php
-  $dtColumns = collect($columns)->map(function ($c) {
-    return [
-      'data' => $c['key'],
-      'name' => $c['key'],
-      'orderable' => $c['orderable'] ?? true,
-      'searchable' => $c['searchable'] ?? true,
-    ];
-  })->values();
+$dtColumns = collect($columns)->map(function ($c) {
+  return [
+    'data' => $c['key'],
+    'name' => $c['key'],
+    'orderable' => $c['orderable'] ?? true,
+    'searchable' => $c['searchable'] ?? true,
+  ];
+})->values();
 @endphp
     <table id="{{ $id }}" class="table table-hover table-bordered w-100 align-middle my-3">
       <thead>
@@ -37,10 +37,10 @@
             serverSide: true,
             ajax: '{{ $ajax }}',
             columns: @json($dtColumns),
-            orderCellsTop: true, // Important for the second header row
+            orderCellsTop: true,
             fixedHeader: true,
             pagingType: 'full_numbers',
-            language: {
+            language: { 
               searchPlaceholder: "Search records",
               search: "",
               lengthMenu: "_MENU_",