diff --git a/resources/views/components/empty.blade.php b/resources/views/components/empty.blade.php
new file mode 100644
index 0000000..0c6e768
--- /dev/null
+++ b/resources/views/components/empty.blade.php
@@ -0,0 +1,3 @@
+<div class="flex justify-center items-center p-4">
+    <h3>{{ __('There are no items in this table') }}</h3>
+  </div>
\ No newline at end of file
diff --git a/resources/views/grid-view/grid-view.blade.php b/resources/views/grid-view/grid-view.blade.php
index 7f2e708..0e91a2c 100644
--- a/resources/views/grid-view/grid-view.blade.php
+++ b/resources/views/grid-view/grid-view.blade.php
@@ -28,7 +28,7 @@
   <div class="mb-2">
     @include('laravel-views::components.toolbar.toolbar')
   </div>
-
+  @if (count($items))
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 {{ $cols[$maxCols] }} gap-8 md:gap-8">
     @foreach ($items as $item)
       <div class="relative">
@@ -49,8 +49,12 @@
         />
       </div>
     @endforeach
+    
   </div>
-
+@else
+    {{-- Empty data message --}}
+      <x-lv-dynamic-component :view="$emptyComponent" :data="[]"/>
+    @endif
   {{-- Paginator, loading indicator and totals --}}
   <div class="mt-8">
     {{ $items->links() }}
diff --git a/resources/views/list-view/list-view.blade.php b/resources/views/list-view/list-view.blade.php
index 8047981..eba3450 100644
--- a/resources/views/list-view/list-view.blade.php
+++ b/resources/views/list-view/list-view.blade.php
@@ -5,6 +5,7 @@
   </div>
 
   <div>
+    @if (count($items))
     @foreach ($items as $item)
       <div class="flex items-center border-b border-gray-200 ">
         @if ($this->hasBulkActions)
@@ -17,6 +18,10 @@
         </div>
       </div>
     @endforeach
+    @else
+    {{-- Empty data message --}}
+      <x-lv-dynamic-component :view="$emptyComponent" :data="[]"/>
+    @endif
   </div>
 
   {{-- Paginator, loading indicator and totals --}}
diff --git a/resources/views/table-view/table-view.blade.php b/resources/views/table-view/table-view.blade.php
index f4cf9ee..a8c8139 100644
--- a/resources/views/table-view/table-view.blade.php
+++ b/resources/views/table-view/table-view.blade.php
@@ -25,9 +25,7 @@
 
   @else
     {{-- Empty data message --}}
-    <div class="flex justify-center items-center p-4">
-      <h3>{{ __('There are no items in this table') }}</h3>
-    </div>
+    <x-lv-dynamic-component :view="$emptyComponent" :data="[]"/>
   @endif
 
   {{-- Paginator, loading indicator and totals --}}
diff --git a/src/Views/DataView.php b/src/Views/DataView.php
index 66508f1..e9e9767 100644
--- a/src/Views/DataView.php
+++ b/src/Views/DataView.php
@@ -47,6 +47,8 @@ abstract class DataView extends View
 
     public $selected = [];
     public $allSelected = false;
+    
+    public $emptyComponent = 'laravel-views::components.empty';
 
     public function hydrate()
     {