Merge pull request #46 from HC200ok/Fix/single-sorting-duplicate-tows

Fix: single field sorting duplicate rows
HC200ok · Jun 27, 2022 · 9d231b3 · 9d231b3
2 parents 2a66669 + 1d478b3
commit 9d231b3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/package.json b/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.2.18",
+  "version": "1.2.19",
   "types": "./types/main.d.ts",
   "license": "MIT",
   "files": [

diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
@@ -69,8 +69,8 @@
             :class="{'row-alternation': alternating, 'hover-to-change-color': hoverToChangeColor}"
           >
             <tr
-              v-for="(item) in itemsForRender"
-              :key="JSON.stringify(item)"
+              v-for="(item, index) in itemsForRender"
+              :key="index"
               @click="clickRow(item)"
             >
               <td

diff --git a/src/modes/Client.vue b/src/modes/Client.vue
@@ -122,9 +122,9 @@ import DataTable from '../components/DataTable.vue';
 import { mockClientNestedItems, mockClientItems, mockDuplicateClientNestedItems } from '../mock';
 
 const searchField = ref('name');
-const searchValue = ref('name-1');
+const searchValue = ref('');
 
-const items = ref<Item[]>(mockDuplicateClientNestedItems(100));
+const items = ref<Item[]>(mockDuplicateClientNestedItems(5));
 
 const switchToNested300 = () => {
   items.value = mockClientNestedItems(300);
@@ -135,7 +135,7 @@ const switchToNested = () => {
 };
 
 const headers: Header[] = [
-  { text: 'Name', value: 'name' },
+  { text: 'Name', value: 'name', sortable: true },
   { text: 'Address', value: 'address', width: 200 },
   { text: 'Height', value: 'info.out.height', sortable: true },
   { text: 'Weight', value: 'info.out.weight', sortable: true },