lkt-table 1.2.21 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "description": "",
   "keywords": [
     "lkt",

package/src/components/LktTableRow.vue

@@ -1,6 +1,11 @@
 <script lang="ts" setup>
 import {createLktEvent} from "lkt-events";
-import {canRenderColumn, getColumnDisplayContent, getHorizontalColSpan} from "../functions/table-functions";
+import {
+    canRenderColumn,
+    colPreferSlot,
+    getColumnDisplayContent,
+    getHorizontalColSpan
+} from "../functions/table-functions";
 import {LktTableColumn} from "../instances/LktTableColumn";
 import LktTableCell from "./LktTableCell.vue";
 import {computed, ref, watch} from "vue";
@@ -132,17 +137,17 @@ watch(Item, (v) => {
         <template v-for="column in visibleColumns">
             <td v-if="canRenderColumn(column, emptyColumns, Item)"
                 :key="'td' + i"
-                v-bind:data-column="column.key"
-                v-bind:colspan="getHorizontalColSpan(column,Item)"
-                v-bind:title="getColumnDisplayContent (column, Item, i, visibleColumns)"
+                :data-column="column.key"
+                :colspan="getHorizontalColSpan(column,Item)"
+                :title="getColumnDisplayContent (column, Item, i, visibleColumns)"
                 v-on:click="onClick($event, Item, column)"
             >
-                <template v-if="!!$slots[column.key]">
-                    <slot v-bind:name="column.key"
-                          v-bind:value="Item[column.key]"
-                          v-bind:item="Item"
-                          v-bind:column="column"
-                          v-bind:i="i"/>
+                <template v-if="!!$slots[column.key] && colPreferSlot(column, Item)">
+                    <slot :name="column.key"
+                          :value="Item[column.key]"
+                          :item="Item"
+                          :column="column"
+                          :i="i"/>
                 </template>
                 <template v-else-if="Item">
                     <lkt-table-cell

package/src/lib-components/LktTable.vue

@@ -28,6 +28,7 @@ const props = withDefaults(defineProps<{
     checkValidDrag?: Function
     sortable?: boolean
     hideEmptyColumns?: boolean
+    initialSorting?: boolean
     draggableItemKey?: string
 
 
@@ -83,6 +84,7 @@ const props = withDefaults(defineProps<{
     checkValidDrag: undefined,
     sortable: false,
     hideEmptyColumns: false,
+    initialSorting: false,
     draggableItemKey: 'name',
 
 
@@ -460,7 +462,9 @@ const getItemByEvent = (e: any) => {
 
 onMounted(() => {
     autoLoadSelectColumnsOptions();
-    sort(getColumnByKey(props.columns, SortBy.value));
+    if (props.initialSorting) {
+        sort(getColumnByKey(props.columns, SortBy.value));
+    }
     dataState.value.store({items: Items.value}).turnStoredIntoOriginal();
     if (props.sortable) {
         nextTick(() => {