Fixed #912 - DataTable boolean shorthands do not work

src/components/datatable/BodyCell.vue

@@ -93,7 +93,7 @@ export default {
     },
     methods: {
         columnProp(prop) {
-            return this.column.props ? this.column.props[prop] : null;
+            return this.column.props ? ((this.column.type.props[prop].type === Boolean && this.column.props[prop] === '') ? true : this.column.props[prop]) : null;
         },
         resolveFieldData() {
             return ObjectUtils.resolveFieldData(this.rowData, this.columnProp('field'));

src/components/datatable/DataTable.vue

@@ -457,7 +457,7 @@ export default {
     },
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         onPage(event) {
             this.d_first = event.first;

src/components/datatable/ScrollableView.vue

@@ -127,7 +127,7 @@ export default {
     },
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         onHeaderScroll() {
             this.$refs.scrollHeader.scrollLeft = 0;

src/components/datatable/TableBody.vue

@@ -16,7 +16,7 @@
                     @mousedown="onRowMouseDown($event)" @dragstart="onRowDragStart($event, index)" @dragover="onRowDragOver($event,index)" @dragleave="onRowDragLeave($event)" @dragend="onRowDragEnd($event)" @drop="onRowDrop($event)">
                     <template v-for="(col,i) of columns">
                         <DTBodyCell v-if="shouldRenderBodyCell(value, col, index)" :key="columnProp(col,'columnKey')||columnProp(col,'field')||i" :rowData="rowData" :column="col" :index="index" :selected="isSelected(rowData)"
-                            :rowTogglerIcon="columnProp(col,'expanded') ? rowTogglerIcon(rowData): null"
+                            :rowTogglerIcon="columnProp(col,'expander') ? rowTogglerIcon(rowData): null"
                             :rowspan="rowGroupMode === 'rowspan' ? calculateRowGroupSize(value, col, index) : null"
                             :editMode="editMode" :editing="editMode === 'row' && isRowEditing(rowData)"
                             @radio-change="onRadioChange($event)" @checkbox-change="onCheckboxChange($event)" @row-toggle="onRowToggle($event)"
@@ -152,7 +152,7 @@ export default {
     },
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         shouldRenderRowGroupHeader(value, rowData, i) {
             let currentRowFieldData = ObjectUtils.resolveFieldData(rowData, this.groupRowsBy);

src/components/datatable/TableFooter.vue

@@ -33,7 +33,7 @@ export default {
     },
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         }
     },
     computed: {

src/components/datatable/TableHeader.vue

@@ -99,7 +99,7 @@ export default {
     },
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         isMultiSorted(column) {
             return this.columnProp(column, 'sortable') && this.getMultiSortMetaIndex(column) > -1

src/components/treetable/TreeTable.vue

@@ -250,7 +250,7 @@ export default {
     },
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         onNodeToggle(node) {
             const key = node.key;

src/components/treetable/TreeTableRow.vue

@@ -73,7 +73,7 @@ export default {
     nodeTouched: false,
     methods: {
         columnProp(col, prop) {
-            return col.props ? col.props[prop] : null;
+            return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         resolveFieldData(rowData, field) {
             return ObjectUtils.resolveFieldData(rowData, field);