Checkbox Table allows custom template for checkbox

xaksis · Oct 14, 2021 · 2ba446e · 2ba446e
1 parent 889962c
commit 2ba446e
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/src/components/Table.vue b/src/components/Table.vue
@@ -236,7 +236,20 @@
                 @click.stop="onCheckboxClicked(row, index, $event)"
                 class="vgt-checkbox-col"
               >
+                <template
+                    v-if="hasCheckboxColumnTemplate"
+                    slot="table-checkbox-column"
+                    slot-scope="props"
+                >
+                  <slot
+                      name="table-checkbox-column"
+                      :row="props.row"
+                  >
+                  </slot>
+                </template>
+
                 <input
+                  v-else
                   type="checkbox"
                   :disabled="row.vgtDisabled"
                   :checked="row.vgtSelected"
@@ -603,6 +616,13 @@ export default {
       );
     },
 
+    hasCheckboxColumnTemplate(){
+      return (
+          !!this.$slots['table-checkbox-column'] ||
+          !!this.$scopedSlots['table-checkbox-column']
+      );
+    }
+
     showEmptySlot() {
       if (!this.paginated.length) return true;
 
@@ -849,7 +869,7 @@ export default {
                 const column = this.getColumnForField(srt.field);
                 const xvalue = this.collect(xRow, srt.field);
                 const yvalue = this.collect(yRow, srt.field);
-  
+
                 //* if a custom sort function has been provided we use that
                 const { sortFn } = column;
                 if (sortFn && typeof sortFn === 'function') {