diff --git a/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java b/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java
index e5c6c30ba4..303f711540 100644
--- a/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java
+++ b/backend/src/main/java/io/metersphere/api/service/ApiDefinitionService.java
@@ -113,6 +113,16 @@ public class ApiDefinitionService {
         request = this.initRequest(request, true, true);
         List<ApiDefinitionResult> resList = extApiDefinitionMapper.list(request);
         calculateResult(resList, request.getProjectId());
+        ApiDefinitionRequest finalRequest = request;
+        if (finalRequest.getFilters().size() > 1) {
+            if (null != finalRequest.getFilters().get("case_status")) {
+                resList = resList.stream()
+                        .filter((ApiDefinitionResult b) -> finalRequest.getFilters().get("case_status").contains(b.getCaseStatus()))
+                        .collect(Collectors.toList());
+            }
+
+        }
+
         return resList;
     }
 
diff --git a/frontend/src/business/components/api/definition/components/list/ApiList.vue b/frontend/src/business/components/api/definition/components/list/ApiList.vue
index c6357ea9e9..f8141596e5 100644
--- a/frontend/src/business/components/api/definition/components/list/ApiList.vue
+++ b/frontend/src/business/components/api/definition/components/list/ApiList.vue
@@ -24,12 +24,13 @@
             show-overflow-tooltip
             min-width="80px"
             sortable=true
-            :key="index">
+            :key="index"
+          >
             <template slot-scope="scope">
               <!-- 判断为只读用户的话不可点击ID进行编辑操作 -->
               <!--<span style="cursor:pointer" v-if="isReadOnly"> {{ scope.row.num }} </span>-->
               <!--<el-tooltip v-else content="编辑">-->
-                <!--<a style="cursor:pointer" @click="editApi(scope.row)"> {{ scope.row.num }} </a>-->
+              <!--<a style="cursor:pointer" @click="editApi(scope.row)"> {{ scope.row.num }} </a>-->
               <!--</el-tooltip>-->
               <el-tooltip content="编辑">
                 <a style="cursor:pointer" @click="editApi(scope.row)"> {{ scope.row.num }} </a>
@@ -127,7 +128,7 @@
           <ms-table-column
             v-if="item.id == 'caseTotal'"
             prop="caseTotal"
-            sortable="custom"
+            sortable
             width="140px"
             :label="$t('api_test.definition.api_case_number')"
             show-overflow-tooltip
@@ -141,12 +142,13 @@
             :label="$t('api_test.definition.api_case_status')"
             show-overflow-tooltip
             :key="index"
+            :filter-method="filterHandler"
           />
 
           <ms-table-column
             v-if="item.id == 'casePassingRate'"
             width="150px"
-            sortable="custom"
+            sortable
             prop="casePassingRate"
             :label="$t('api_test.definition.api_case_passing_rate')"
             show-overflow-tooltip
@@ -765,6 +767,10 @@ export default {
     },
     open() {
       this.$refs.searchBar.open();
+    },
+    filterHandler(value, row, column) {
+      const property = column['property'];
+      return row[property] === value;
     }
   },
 }
diff --git a/frontend/src/common/js/tableUtils.js b/frontend/src/common/js/tableUtils.js
index 474a313359..e7e6777fa0 100644
--- a/frontend/src/common/js/tableUtils.js
+++ b/frontend/src/common/js/tableUtils.js
@@ -136,6 +136,9 @@ export function _sort(column, condition) {
       hasProp = true;
     }
   });
+  if (column.prop === 'case_passing_rate' || column.prop === 'case_total') {
+    hasProp = true;
+  }
   if (!hasProp) {
     condition.orders.push({name: column.prop, type: column.order});
   }