【issues/8374】分页始终显示在底部

jeecgboot-vue3/src/components/Table/src/BasicTable.vue

@@ -222,7 +222,7 @@
         // update-end--author:sunjianlei---date:220230630---for：【QQYUN-5571】自封装选择列，解决数据行选择卡顿问题
       );
 
-      const { getScrollRef, redoHeight } = useTableScroll(getProps, tableElRef, getColumnsRef, getRowSelectionRef, getDataSourceRef, slots);
+      const { getScrollRef, redoHeight } = useTableScroll(getProps, tableElRef, getColumnsRef, getRowSelectionRef, getDataSourceRef, slots, getPaginationInfo);
 
       const { customRow } = useCustomRow(getProps, {
         setSelectedRowKeys,

jeecgboot-vue3/src/components/Table/src/hooks/useTableScroll.ts

@@ -15,7 +15,8 @@ export function useTableScroll(
   columnsRef: ComputedRef<BasicColumn[]>,
   rowSelectionRef: ComputedRef<TableRowSelection<any> | null>,
   getDataSourceRef: ComputedRef<Recordable[]>,
-  slots: Slots
+  slots: Slots,
+  getPaginationInfo: ComputedRef<any>
 ) {
   const tableHeightRef: Ref<Nullable<number>> = ref(null);
 
@@ -138,12 +139,33 @@ export function useTableScroll(
     // 10+6(外层边距padding:10 + 内层padding-bottom:6)
     height -= 16;
     // update-end--author:liaozhiyang---date:20240603---for：【TV360X-861】列表查询区域不可往上滚动
-
+    
     height = (height < minHeight! ? (minHeight as number) : height) ?? height;
     height = (height > maxHeight! ? (maxHeight as number) : height) ?? height;
     setHeight(height);
 
     bodyEl!.style.height = `${height}px`;
+    // update-begin--author:liaozhiyang---date:20240609---for【issues/8374】分页始终显示在底部
+    if (maxHeight === undefined) {
+      if (unref(getPaginationInfo) && unref(getDataSourceRef).length) {
+        const pageSize = unref(getPaginationInfo)?.pageSize;
+        const current = unref(getPaginationInfo)?.current;
+        const total = unref(getPaginationInfo)?.total;
+        const tableBody = tableEl.querySelector('.ant-table-body') as HTMLElement;
+        const tr = tableEl.querySelector('.ant-table-tbody')?.children ?? [];
+        const lastrEl = tr[tr.length - 1] as HTMLElement;
+        const trHeight = lastrEl.offsetHeight;
+        const dataHeight = trHeight * pageSize;
+        if (tableBody && lastrEl) {
+          if (current === 1 && pageSize > unref(getDataSourceRef).length && total <= pageSize) {
+            tableBody.style.height = `${height}px`;
+          } else {
+            tableBody.style.height = `${dataHeight < height ? dataHeight : height}px`;
+          }
+        }
+      }
+    }
+    // update-end--author:liaozhiyang---date:20240609---for【issues/8374】分页始终显示在底部
   }
   useWindowSizeFn(calcTableHeight, 280);
   onMountedOrActivated(() => {