Add disableColumnResize option (#210)

Author: ota-meshi

README.md

@@ -23,7 +23,7 @@ The fastest open-source data table for web.
 [![npm](https://img.shields.io/npm/v/cheetah-grid.svg)](https://www.npmjs.com/package/cheetah-grid)
 
 ```html
-<script src="https://unpkg.com/cheetah-grid@0.18"></script>
+<script src="https://unpkg.com/cheetah-grid@0.19"></script>
 ```
 
 ### Downloading Cheetah Grid using npm
@@ -46,10 +46,10 @@ const cheetahGrid = require("cheetah-grid")
 
 [![npm](https://img.shields.io/npm/v/cheetah-grid.svg)](https://www.npmjs.com/package/cheetah-grid)
 
-[cheetahGrid.es5.min.js](https://unpkg.com/cheetah-grid@0.18/dist/cheetahGrid.es5.min.js)  
+[cheetahGrid.es5.min.js](https://unpkg.com/cheetah-grid@0.19/dist/cheetahGrid.es5.min.js)  
 
 SourceMap  
-[cheetahGrid.es5.min.js.map](https://unpkg.com/cheetah-grid@0.18/dist/cheetahGrid.es5.min.js.map)  
+[cheetahGrid.es5.min.js.map](https://unpkg.com/cheetah-grid@0.19/dist/cheetahGrid.es5.min.js.map)  
 
 
 ### Downloading Cheetah Grid using GitHub

package.json

@@ -1,7 +1,7 @@
 {
   "name": "cheetah-grid-manager",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Cheetah Grid is a high performance grid engine that works on canvas",
   "keywords": [
     "spreadsheet",

packages/cheetah-grid-icon-svg-loader/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "cheetah-grid-icon-svg-loader",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Webpack loader that loads the icon module for Cheetah Grid from SVG.",
   "main": "lib/index.js",
   "files": [

packages/cheetah-grid-icon-svg-loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cheetah-grid",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "Cheetah Grid is a high performance grid engine that works on canvas",
   "keywords": [
     "spreadsheet",

packages/cheetah-grid/package.json

@@ -1128,6 +1128,9 @@ function _bindEvents(this: DrawGrid): void {
     };
   };
   const canResizeColumn = (col: number): boolean => {
+    if (grid[_].disableColumnResize) {
+      return false;
+    }
     const limit = grid[_].colWidthsLimit[col];
     if (!limit || !limit.min || !limit.max) {
       return true;
@@ -2566,6 +2569,7 @@ interface DrawGridProtected {
   font?: string;
   underlayBackgroundColor?: string;
   keyboardOptions?: DrawGridKeyboardOptions;
+  disableColumnResize?: boolean;
 
   rowHeightsMap: NumberMap<number>;
   colWidthsMap: NumberMap<string | number>;
@@ -2623,6 +2627,10 @@ export interface DrawGridConstructorOptions {
    * Canvas parent element
    */
   parentElement?: HTMLElement | null;
+  /**
+   * Disable column resizing
+   */
+  disableColumnResize?: boolean;
 }
 const protectedKey = _;
 /**
@@ -2647,7 +2655,8 @@ export abstract class DrawGrid extends EventTarget implements DrawGridAPI {
       font,
       underlayBackgroundColor,
       keyboardOptions,
-      parentElement
+      parentElement,
+      disableColumnResize
     } = options;
     const protectedSpace = (this[_] = {} as DrawGridProtected);
     style.initDocument();
@@ -2678,6 +2687,7 @@ export abstract class DrawGrid extends EventTarget implements DrawGridAPI {
     protectedSpace.underlayBackgroundColor = underlayBackgroundColor;
 
     protectedSpace.keyboardOptions = keyboardOptions;
+    protectedSpace.disableColumnResize = disableColumnResize;
 
     /////
     protectedSpace.rowHeightsMap = new NumberMap();

packages/cheetah-grid/src/js/core/DrawGrid.ts

@@ -1,7 +1,7 @@
 {
   "name": "cheetah-grid-demo",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "",
   "main": "index.js",
   "scripts": {

packages/demo/package.json

@@ -11,8 +11,8 @@ order: 20
 [![npm](https://img.shields.io/npm/v/vue-cheetah-grid.svg)](https://www.npmjs.com/package/vue-cheetah-grid)
 
 ```html
-<script src="https://unpkg.com/cheetah-grid@0.18"></script>
-<script src="https://unpkg.com/vue-cheetah-grid@0.18"></script>
+<script src="https://unpkg.com/cheetah-grid@0.19"></script>
+<script src="https://unpkg.com/vue-cheetah-grid@0.19"></script>
 ```
 
 ```js

packages/docs/introduction/getting-started-with-vue.md

@@ -11,7 +11,7 @@ order: 10
 [![npm](https://img.shields.io/npm/v/cheetah-grid.svg)](https://www.npmjs.com/package/cheetah-grid)
 
 ```html
-<script src="https://unpkg.com/cheetah-grid@0.18"></script>
+<script src="https://unpkg.com/cheetah-grid@0.19"></script>
 ```
 
 ### Via npm
@@ -30,11 +30,11 @@ const cheetahGrid = require("cheetah-grid")
 
 [![npm](https://img.shields.io/npm/v/cheetah-grid.svg)](https://www.npmjs.com/package/cheetah-grid)
 
-[cheetahGrid.es5.min.js](https://unpkg.com/cheetah-grid@0.18/dist/cheetahGrid.es5.min.js)  
+[cheetahGrid.es5.min.js](https://unpkg.com/cheetah-grid@0.19/dist/cheetahGrid.es5.min.js)  
 
 #### SourceMap  
 
-[cheetahGrid.es5.min.js.map](https://unpkg.com/cheetah-grid@0.18/dist/cheetahGrid.es5.min.js.map)  
+[cheetahGrid.es5.min.js.map](https://unpkg.com/cheetah-grid@0.19/dist/cheetahGrid.es5.min.js.map)  
 
 ### Via GitHub
 

packages/docs/introduction/getting-started.md

@@ -1,7 +1,7 @@
 {
   "name": "cheetah-grid-docs",
   "private": true,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "scripts": {
     "watch": "vuepress dev . --debug",
     "build": "npm-run-all build:*",

packages/docs/package.json

@@ -296,6 +296,12 @@ export default {
     moveCellOnTabKey: {
       type: Boolean
     },
+    /**
+     * Specify `true` to disable column resizing
+     */
+    disableColumnResize: {
+      type: Boolean
+    },
     /**
      * Defines a raw options for Cheetah Grid
      */

packages/vue-cheetah-grid/lib/CGrid.vue

@@ -1,6 +1,6 @@
 {
   "name": "vue-cheetah-grid",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Cheetah Grid for Vue.js",
   "main": "dist/vueCheetahGrid.js",
   "files": [