table表头排序

src/components/tableTemp/index.vue

@@ -62,7 +62,7 @@
 import { PropType, computed, watchEffect } from "vue";
 import { ElTable } from "element-plus";
 import { CommonTableColumn } from "~/common";
-
+import _ from "lodash";
 export interface TableButton {
   name: string;
   className: string;
@@ -138,7 +138,12 @@ watchEffect(() => {
 
 const tableHeaderList = ref<CommonTableColumn[]>([]);
 watchEffect(() => {
-  tableHeaderList.value = props.tableHeader.filter((column) => column.needShow);
+  const showHeaders = props.tableHeader.filter((column) => column.needShow);
+  tableHeaderList.value = _.orderBy(
+    showHeaders,
+    ["orderNumber"],
+    ["asc", "desc"]
+  );
 });
 
 const isChild = computed(() => (item: any) => {