fix: onTableChange only handles sorting

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 handleTableChange = (
-    const sortKeys = handleMultiSortChange(sorter);
+    pagination: any,
-    setQueryParams((pre: any) => {
+    filters: any,
-      return {
+    sorter: any,
-        ...pre,
+    extra: any
-        sort_by: sortKeys.join(',')
+  ) => {
-      };
+    if (extra.action === 'sort') {
-    });
+      const sortKeys = handleMultiSortChange(sorter);
-    fetchData({
+      setQueryParams((pre: any) => {
-      query: {
+        return {
-        ...queryParams,
+          ...pre,
-        page: 1,
+          sort_by: sortKeys.join(',')
-        sort_by: sortKeys.join(',')
+        };
-      }
+      });
-    });
+      fetchData({
+        query: {
+          ...queryParams,
+          page: 1,
+          sort_by: sortKeys.join(',')
+        }
+      });
+    }
   };
 
   const handleSearch = () => {

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) => {