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

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