From b3dee7e8cce6bfb77d0aa2a82bf1da2bd836fa46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 26 Jan 2023 16:22:54 +0300
Subject: [PATCH] Fixed #3540 - DataTable: Paginator should be below DataTable
 Footer templating

---
 components/datatable/DataTable.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/datatable/DataTable.vue b/components/datatable/DataTable.vue
index c42f7e8ba..eb49df4f1 100755
--- a/components/datatable/DataTable.vue
+++ b/components/datatable/DataTable.vue
@@ -176,6 +176,9 @@
                 </template>
             </DTVirtualScroller>
         </div>
+        <div v-if="$slots.footer" class="p-datatable-footer">
+            <slot name="footer"></slot>
+        </div>
         <DTPaginator
             v-if="paginatorBottom"
             :rows="d_rows"
@@ -196,9 +199,6 @@
                 <slot name="paginatorend"></slot>
             </template>
         </DTPaginator>
-        <div v-if="$slots.footer" class="p-datatable-footer">
-            <slot name="footer"></slot>
-        </div>
         <div ref="resizeHelper" class="p-column-resizer-helper" style="display: none"></div>
         <span v-if="reorderableColumns" ref="reorderIndicatorUp" class="pi pi-arrow-down p-datatable-reorder-indicator-up" style="position: absolute; display: none" />
         <span v-if="reorderableColumns" ref="reorderIndicatorDown" class="pi pi-arrow-up p-datatable-reorder-indicator-down" style="position: absolute; display: none" />