From 32bdbc693ae7751139b99a8be856537770b729df Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 22 Dec 2025 19:31:49 +0800
Subject: [PATCH] fix:  onTableChange only handles sorting

---
 src/hooks/use-table-fetch.ts              | 37 ++++++++++++++---------
 src/pages/cluster-management/clusters.tsx |  2 +-
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/hooks/use-table-fetch.ts b/src/hooks/use-table-fetch.ts
index 4f7384b2..395a2420 100644
--- a/src/hooks/use-table-fetch.ts
+++ b/src/hooks/use-table-fetch.ts
@@ -233,21 +233,28 @@ export default function useTableFetch<T>(
     handleQueryChange({ page, perPage: pageSize || 10 });
   };
 
-  const handleTableChange = (pagination: any, filters: any, sorter: any) => {
-    const sortKeys = handleMultiSortChange(sorter);
-    setQueryParams((pre: any) => {
-      return {
-        ...pre,
-        sort_by: sortKeys.join(',')
-      };
-    });
-    fetchData({
-      query: {
-        ...queryParams,
-        page: 1,
-        sort_by: sortKeys.join(',')
-      }
-    });
+  const handleTableChange = (
+    pagination: any,
+    filters: any,
+    sorter: any,
+    extra: any
+  ) => {
+    if (extra.action === 'sort') {
+      const sortKeys = handleMultiSortChange(sorter);
+      setQueryParams((pre: any) => {
+        return {
+          ...pre,
+          sort_by: sortKeys.join(',')
+        };
+      });
+      fetchData({
+        query: {
+          ...queryParams,
+          page: 1,
+          sort_by: sortKeys.join(',')
+        }
+      });
+    }
   };
 
   const handleSearch = () => {
diff --git a/src/pages/cluster-management/clusters.tsx b/src/pages/cluster-management/clusters.tsx
index b560fbd9..c22188b8 100644
--- a/src/pages/cluster-management/clusters.tsx
+++ b/src/pages/cluster-management/clusters.tsx
@@ -235,7 +235,7 @@ const Clusters: React.FC = () => {
   );
 
   const handleOnSortChange = (order: TableOrder | Array<TableOrder>) => {
-    handleTableChange({}, {}, order);
+    handleTableChange({}, {}, order, { action: 'sort' });
   };
 
   const setDisableExpand = (row: ClusterListItem) => {