add sort to table

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>

Author: ZTL-UwU

src/components/lib/AjaxTable.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="ajax-table">
-    <el-table v-loading="loading" :data="tableData">
+    <el-table
+      v-loading="loading"
+      :data="tableData"
+      :default-sort="default_sort"
+    >
       <el-table-column
         v-for="item in columns"
         :key="item"
@@ -9,6 +13,7 @@
         :width="item.width"
         :align="item.align"
         :header-align="item.headerAlign"
+        :sortable="item.sortable"
       />
     </el-table>
     <el-pagination
@@ -87,6 +92,9 @@ export default {
     process: {
       type: Function,
       default: x => x
+    },
+    default_sort: {
+      
     }
   },
 };

src/components/problem/list.vue

@@ -46,6 +46,7 @@
         :limit="limit"
         :total="data_count"
         :process="process"
+        :default_sort="{prop: 'pid', order: 'ascending'}"
       />
     </el-card>
   </div>
@@ -69,19 +70,23 @@ export default {
         name: 'score',
         label: 'Status',
         width: '120',
-        align: 'center'
+        align: 'center',
+        sortable: true
       }, {
         name: 'pid',
         label: 'Problem ID',
         width: '120',
-        align: 'center'
+        align: 'center',
+        sortable: true
       }, {
         name: 'title',
-        label: 'Title'
+        label: 'Title',
+        sortable: false
       }, {
         name: 'tag',
         width: '400',
         align: 'right',
+        sortable: false
       }],
       data_count: 10
     };