Merge pull request #541 from micheldpcarlos/feature/optional-column-resize

[Feature] Optional column resize disabling (disableResizing)

Author: huangshuwei

examples/src/docs/en/ve-table/api/db.js

@@ -395,6 +395,14 @@ export const db = {
                 default: "-",
                 rowKey: 45,
             },
+            {
+                param: "disableResizing",
+                desc: `Disable resizing for this column. Only effective if <code>columnWidthResizeOption</code> is enabled`,
+                type: `<code>Boolean</code>`,
+                optionalVal: "-",
+                default: "false",
+                rowKey: 46,
+            },
             {
                 param: "<span class='expand'>ellipsis</span>",
                 desc: `Cell ellipsis option`,

examples/src/docs/en/ve-table/column-resize/basic.md

@@ -2,7 +2,7 @@
 
 You can hover the mouse between two columns and drag.If the column width is not set, the default is 50px
 
-:::demo 1、Set the min width of resize column through `columnMinWidth`<br>2、Get the callback method of resize column changes through `sizeChange({ column, differWidth, columnWidth })`
+:::demo 1、Set the min width of resize column through `columnMinWidth`<br>2、Get the callback method of resize column changes through `sizeChange({ column, differWidth, columnWidth })`<br>3、Cols 6, 7, and 8 resizing is disabled through `disableResizing`
 
 ```html
 <template>
@@ -59,9 +59,15 @@ You can hover the mouse between two columns and drag.If the column width is not
                     { field: "col3", key: "col3", title: "Col3", width: 220 },
                     { field: "col4", key: "col4", title: "Col4", width: 220 },
                     { field: "col5", key: "col5", title: "Col5", width: 220 },
-                    { field: "col6", key: "col6", title: "Col6", width: 220 },
-                    { field: "col7", key: "col7", title: "Col7" },
-                    { field: "col8", key: "col8", title: "Col8" },
+                    {
+                        field: "col6",
+                        key: "col6",
+                        title: "Col6",
+                        width: 220,
+                        disableResizing: true,
+                    },
+                    { field: "col7", key: "col7", title: "Col7", disableResizing: true },
+                    { field: "col8", key: "col8", title: "Col8", disableResizing: true },
                 ],
                 columnResizeInfo: {
                     column: "",

packages/ve-table/src/column-resizer/index.jsx

@@ -89,6 +89,7 @@ export default {
                     this.hooks.addHook(
                         HOOKS_NAME.HEADER_CELL_MOUSEMOVE,
                         ({ event, column }) => {
+                            if (column.disableResizing) return;
                             this.initColumnResizerPosition({ event, column });
                         },
                     );