feat: 调整列宽支持设置特定列不可调整

tm-fe · Sep 27, 2019 · 60a3954 · 60a3954
1 parent 36d26a0
commit 60a3954
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/examples/features/resizable.vue b/examples/features/resizable.vue
@@ -41,6 +41,7 @@ export default {
                     width: 100,
                     fixed: 'left',
                     sortable: true,
+                    resizable: false
                 },
                 {
                     title: 'Age',

diff --git a/src/tableHead.vue b/src/tableHead.vue
@@ -20,7 +20,7 @@
                             <i @click="handleSort(index, 'asc')" :class="{'on': getColumns(index)._sort === 'asc'}" class="flex-table-arrow-dropup"></i>
                             <i @click="handleSort(index, 'desc')" :class="{'on': getColumns(index)._sort === 'desc'}" class="flex-table-arrow-dropdown"></i>
                         </span>
-                        <div v-if="resizable" @mousedown="onColResize($event, index)" class="flex-table-col-resize j-col-resize"></div>
+                        <div v-if="isColResizable(item)" @mousedown="onColResize($event, index)" class="flex-table-col-resize j-col-resize"></div>
                     </template>
                 </template>
             </div>
@@ -99,6 +99,9 @@ export default {
         });
     },
     methods: {
+        isColResizable(col) {
+            return this.resizable && col.resizable !== false;
+        },
         selectAll() {
             const status = !this.isSelectAll;
             this.$emit('on-select-all', status);