fixes #548 - use min-width, max-width, width for column width

xaksis · May 27, 2019 · 167b344 · 167b344
1 parent bc13a5b
commit 167b344
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/dev/App.vue b/dev/App.vue
@@ -60,6 +60,7 @@ export default {
         {
           label: 'Name',
           field: 'name',
+          width: '200px',
           filterOptions: {
             enabled: true,
             placeholder: 'All',

diff --git a/src/components/VgtTableHeader.vue b/src/components/VgtTableHeader.vue
@@ -196,6 +196,8 @@ export default {
             colStyles.push(this.getWidthStyle(cell));
           } else {
             colStyles.push({
+              minWidth: this.columns[i].width ? this.columns[i].width : 'auto',
+              maxWidth: this.columns[i].width ? this.columns[i].width : 'auto',
               width: this.columns[i].width ? this.columns[i].width : 'auto',
             });
           }
@@ -206,6 +208,8 @@ export default {
 
     getColumnStyle(column, index) {
       const styleObject = {
+        minWidth: column.width ? column.width : 'auto',
+        maxWidth: column.width ? column.width : 'auto',
         width: column.width ? column.width : 'auto',
       };
       //* if fixed header we need to get width from original table