Add must-sort prop

Author: HC200ok

src/components/DataTable.vue

@@ -405,6 +405,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  mustSort: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // style related computed variables
@@ -719,7 +723,7 @@ const updateSortField = (newSortBy: string, oldSortType: SortType | 'none') => {
   } else if (oldSortType === 'asc') {
     newSortType = 'desc';
   } else {
-    newSortType = null;
+    newSortType = (props.mustSort) ? 'asc' : null;
   }
 
   if (serverOptionsComputed.value) {

src/modes/Client.vue

@@ -69,6 +69,7 @@
       :header-item-class-name="headerItemClassNameFunction"
       :body-item-class-name="bodyItemClassNameFunction"
       border-cell
+      must-sort
     >
       <template #expand="item">
         <div style="padding: 15px">