fix(VDataTableServer): add missing VDivider above footer (#19488)

Co-authored-by: John Leider <john@vuetifyjs.com>
vuetifyjs · Mar 28, 2024 · 5f6c723 · 5f6c723
1 parent 5180f0f
commit 5f6c723
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/packages/vuetify/src/components/VDataTable/VDataTableServer.tsx b/packages/vuetify/src/components/VDataTable/VDataTableServer.tsx
@@ -3,6 +3,7 @@ import { makeDataTableProps } from './VDataTable'
 import { makeVDataTableFooterProps, VDataTableFooter } from './VDataTableFooter'
 import { VDataTableHeaders } from './VDataTableHeaders'
 import { VDataTableRows } from './VDataTableRows'
+import { VDivider } from '@/components/VDivider'
 import { VTable } from '@/components/VTable'
 
 // Composables
@@ -189,12 +190,16 @@ export const VDataTableServer = genericComponent<new <T extends readonly any[],
               </>
             ),
             bottom: () => slots.bottom ? slots.bottom(slotProps.value) : (
-              <VDataTableFooter
-                { ...dataTableFooterProps }
-                v-slots={{
-                  prepend: slots['footer.prepend'],
-                }}
-              />
+              <>
+                <VDivider />
+
+                <VDataTableFooter
+                  { ...dataTableFooterProps }
+                  v-slots={{
+                    prepend: slots['footer.prepend'],
+                  }}
+                />
+              </>
             ),
           }}
         </VTable>