Fixed an issue where using em units for column widths could sometimes result in incorrect calculations. (#449)

* Fixed an issue where using em units for column widths could sometimes result in incorrect calculations.

* update

Author: ota-meshi

packages/cheetah-grid/package-lock.json

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

packages/cheetah-grid/package.json

@@ -915,7 +915,6 @@ export class ListGrid<T> extends DrawGrid implements ListGridAPI<T> {
       _setRecords(this, options.records);
     }
     protectedSpace.allowRangePaste = options.allowRangePaste ?? false;
-    _refreshHeader(this);
     protectedSpace.sortState = {
       col: -1,
       row: -1,
@@ -928,6 +927,7 @@ export class ListGrid<T> extends DrawGrid implements ListGridAPI<T> {
       (col: number, row: number): Message => _getCellMessage(this, col, row)
     );
     protectedSpace.tooltipHandler = new TooltipHandler(this);
+    _refreshHeader(this);
     this.invalidate();
     protectedSpace.handler.on(window, "resize", () => {
       this.updateSize();

packages/cheetah-grid/src/js/ListGrid.ts

@@ -2944,7 +2944,6 @@ interface DrawGridProtected {
     };
   };
   calcWidthContext: {
-    _: DrawGridProtected;
     full: number;
     em: number;
   };
@@ -3065,13 +3064,14 @@ export abstract class DrawGrid extends EventTarget implements DrawGridAPI {
     protectedSpace.rowHeightsMap = new NumberMap();
     protectedSpace.colWidthsMap = new NumberMap();
     protectedSpace.colWidthsLimit = {};
+
+    const getEm = () => getFontSize(protectedSpace.context, this.font).width;
     protectedSpace.calcWidthContext = {
-      _: protectedSpace,
       get full(): number {
-        return this._.canvas.width;
+        return protectedSpace.canvas.width;
       },
       get em(): number {
-        return getFontSize(this._.context, this._.font).width;
+        return getEm();
       },
     };
 

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

@@ -1,6 +1,6 @@
 {
   "name": "vue-cheetah-grid",
-  "version": "1.16.6",
+  "version": "1.16.7",
   "description": "Cheetah Grid for Vue.js",
   "main": "lib/index.js",
   "unpkg": "dist/vueCheetahGrid.js",
@@ -51,7 +51,7 @@
   },
   "homepage": "https://github.com/future-architect/cheetah-grid/tree/master/packages/vue-cheetah-grid",
   "dependencies": {
-    "cheetah-grid": "^1.16.5"
+    "cheetah-grid": "^1.16.6"
   },
   "devDependencies": {
     "@babel/core": "^7.11.1",