diff --git a/backend/src/main/java/io/metersphere/base/mapper/ext/ExtLoadTestMapper.xml b/backend/src/main/java/io/metersphere/base/mapper/ext/ExtLoadTestMapper.xml
index efa9cdcd2b..67bb294ca6 100644
--- a/backend/src/main/java/io/metersphere/base/mapper/ext/ExtLoadTestMapper.xml
+++ b/backend/src/main/java/io/metersphere/base/mapper/ext/ExtLoadTestMapper.xml
@@ -27,7 +27,12 @@
                 AND load_test.id = #{request.id}
             </if>
         </where>
-        order by load_test.update_time desc
+        <if test="request.orders != null and request.orders.size() > 0">
+            order by
+            <foreach collection="request.orders" separator="," item="order">
+                test_plan_test_case.${order.name} ${order.type}
+            </foreach>
+        </if>
     </select>
     <select id="countByProjectId" resultType="java.lang.Long">
         select count(id) from load_test
diff --git a/backend/src/main/java/io/metersphere/track/request/testplan/QueryTestPlanRequest.java b/backend/src/main/java/io/metersphere/track/request/testplan/QueryTestPlanRequest.java
index 33460feb0d..33ead5d811 100644
--- a/backend/src/main/java/io/metersphere/track/request/testplan/QueryTestPlanRequest.java
+++ b/backend/src/main/java/io/metersphere/track/request/testplan/QueryTestPlanRequest.java
@@ -1,10 +1,14 @@
 package io.metersphere.track.request.testplan;
 
+import io.metersphere.controller.request.OrderRequest;
 import lombok.Getter;
 import lombok.Setter;
 
+import java.util.List;
+
 @Getter
 @Setter
 public class QueryTestPlanRequest extends TestPlanRequest {
     private String workspaceId;
+    private List<OrderRequest> orders;
 }
diff --git a/frontend/src/business/components/performance/test/PerformanceTestPlan.vue b/frontend/src/business/components/performance/test/PerformanceTestPlan.vue
index 08c2cdb8ae..9794b72961 100644
--- a/frontend/src/business/components/performance/test/PerformanceTestPlan.vue
+++ b/frontend/src/business/components/performance/test/PerformanceTestPlan.vue
@@ -15,7 +15,10 @@
             </el-row>
           </div>
         </template>
-        <el-table :data="tableData" class="test-content">
+        <el-table :data="tableData" class="test-content"
+                  @sort-change="sort"
+                  :default-sort="{prop: 'createTime', order: 'descending'}"
+        >
           <el-table-column
             prop="name"
             :label="$t('commons.name')"
@@ -36,6 +39,8 @@
           </el-table-column>
           <el-table-column
             width="250"
+            sortable
+            prop="createTime"
             :label="$t('commons.create_time')">
             <template v-slot:default="scope">
               <span>{{ scope.row.createTime | timestampFormatDate }}</span>
@@ -43,6 +48,8 @@
           </el-table-column>
           <el-table-column
             width="250"
+            sortable
+            prop="updateTime"
             :label="$t('commons.update_time')">
             <template v-slot:default="scope">
               <span>{{ scope.row.updateTime | timestampFormatDate }}</span>
@@ -77,6 +84,7 @@
   import MsMainContainer from "../../common/components/MsMainContainer";
   import MsPerformanceTestStatus from "./PerformanceTestStatus";
   import MsTableOperators from "../../common/components/MsTableOperators";
+  import {_sort} from "../../../../common/js/utils";
 
   export default {
     components: {
@@ -181,6 +189,10 @@
           this.initTableData();
         });
       },
+      sort(column) {
+        _sort(column, this.condition);
+        this.initTableData();
+      }
     }
   }
 </script>