canvas-datagrid 0.3.22 → 0.3.23

package/lib/events/index.js

@@ -797,30 +797,24 @@ export default function (self) {
     }
     self.ellipsisCache = {};
   };
-  self.stopDragResize = function (e) {
-    const pos = self.getLayerPos(e);
-    const hasMoved = !!(pos.x - self.dragStart.x);
-    const width = self.resizingStartingWidth + pos.x - self.dragStart.x;
+  self.stopDragResize = function (event) {
+    const pos = self.getLayerPos(event);
 
     if (self.dragMode === 'ew-resize') {
-      const selectedColumns = self.selections[0];
+      const hasMoved = !!(pos.x - self.dragStart.x);
+      // Check that dragItem is selected or part of selection.
       const dragItemIsSelected = self.isColumnSelected(
         self.dragItem.columnIndex,
       );
 
-      if (dragItemIsSelected)
-        for (const selectedColumnIndex of selectedColumns) {
-          const boundColumnIndex = self.getBoundColumnIndexFromViewColumnIndex(
-            selectedColumnIndex,
-          );
-
-          if (
-            hasMoved &&
-            dragItemIsSelected &&
-            self.isColumnSelected(selectedColumnIndex)
-          )
-            self.sizes.columns[boundColumnIndex] = width;
-        }
+      if (hasMoved && dragItemIsSelected) {
+        const width = Math.max(
+          self.resizingStartingWidth + pos.x - self.dragStart.x,
+          self.style.minColumnWidth,
+        );
+        // If the column is selected, resize it to width plus any other selected columns.
+        self.fitSelectedColumns(width);
+      }
     }
 
     self.resize();

package/lib/intf.js

@@ -396,15 +396,24 @@ export default function (self, ctor) {
   self.createRowOrders = function () {
     self.orders.rows = fillArray(0, self.originalData.length - 1);
   };
-  self.fitSelectedColumns = function () {
+  self.fitSelectedColumns = function (width) {
     const selectedColumns = self.selections[0];
     const schema = self.getSchema();
 
     for (const selectedColumn of selectedColumns) {
       // Make sure the column is not the row header and that the whole column has in fact been selected.
       if (selectedColumn >= 0 && self.isColumnSelected(selectedColumn)) {
-        const column = schema[self.orders.columns[selectedColumn]];
-        self.fitColumnToValues(column.name);
+        if (isNaN(width)) {
+          const column = schema[self.orders.columns[selectedColumn]];
+          self.fitColumnToValues(column.name);
+        } else {
+          self.sizes.columns[selectedColumn] = width;
+          self.dispatchEvent('resizecolumn', {
+            x: width,
+            y: self.resizingStartingHeight,
+            draggingItem: self.currentCell,
+          });
+        }
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-datagrid",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "description": "Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.",
   "main": "./dist/canvas-datagrid.js",
   "module": "./dist/canvas-datagrid.module.js",