Possibility to pass a function as title or label.

src/HeaderSettings/ColumnGroup.vue

@@ -12,17 +12,18 @@
         :disabled="typeof col.visible === 'string'"
         @change="handleChange(col, $event.target.checked)">
       <label :for="uuidGen(col.field || idx)">
-        {{ col.label || col.title }}
+        {{ renderTitleOrLabel(col) }}
         <i v-if="col.explain" class="fa fa-info-circle" style="cursor: help" :title="col.explain"></i>
       </label>
     </li>
   </ul>
 </template>
 <script>
 import isColVisible from '../_utils/isColVisible'
-
+import renderText from '../_mixins/renderText'
 export default {
   name: 'ColumnGroup',
+   mixins: [renderText],
   props: {
     groupName: { type: String, required: true },
     columns: { type: Array, required: true }

src/Table/TableHeader.vue

@@ -17,7 +17,7 @@
           v-bind="$props">
         </component>
         <template v-else>
-          {{ col.title }}
+         {{renderTitle(col)}}
         </template>
 
         <i v-if="col.explain" class="fa fa-info-circle" style="cursor: help" :title="col.explain"></i>
@@ -30,11 +30,12 @@
 import HeadSort from './HeadSort.vue'
 import MultiSelect from './MultiSelect.vue'
 import props from '../_mixins/props'
+import renderText from '../_mixins/renderText'
 import shouldRenderSelection from '../_mixins/shouldRenderSelection'
 
 export default {
   name: 'TableHeader',
   components: { HeadSort, MultiSelect },
-  mixins: [props, shouldRenderSelection]
+  mixins: [props, shouldRenderSelection,renderText],
 }
 </script>

src/_mixins/renderText.js

@@ -0,0 +1,20 @@
+export default {
+    methods:{
+        renderTitleOrLabel(col)
+        {
+            return this.getTitle(col) || this.getLabel();
+        },
+        renderTitle(col)
+        {
+            return this.getTitle(col);
+        },
+        getTitle(col)
+        {
+            return typeof(col.title) === 'function' ? col.title.apply() : col.title;
+        },
+        getLabel(col)
+        {
+            return typeof(col.label) === 'function' ? col.label.apply() : col.label;
+        }
+    }
+}