Merge pull request #71 from HC200ok/feature/add-server-must-sort

Feature/add server must sort

Author: HC200ok

package.json

@@ -3,7 +3,7 @@
   "author": "HC200ok",
   "description": "A customizable and easy-to-use data table component made with Vue.js 3.x.",
   "private": false,
-  "version": "1.3.12",
+  "version": "1.3.13",
   "types": "./types/main.d.ts",
   "license": "MIT",
   "files": [

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">