feat: Add sizeColumnsToFit and autoSize methods, closes #7

lowdefy · Apr 7, 2022 · f46c961 · f46c961
1 parent b03f17b
commit f46c961
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -72,6 +72,10 @@ The block types are hosted at:
 ### Methods
 
 - `exportDataAsCsv`: When called, table data will be downloaded in csv format.
+- `sizeColumnsToFit`: When called, size table column widths to fit all columns to table width.
+- `autoSize`: When called, auto size columns. The following can be passed as the first argument of `args`.
+      - `skipHeader: boolean`: Do not consider header content width when auto-sizing columns.
+      - `columnIds: string[]`: List of `colId`s for which to calculate auto-size when called.
 
 ### AgGridAlpine Example
 

diff --git a/src/AgGrid.js b/src/AgGrid.js
@@ -45,6 +45,16 @@ class AgGrid extends React.Component {
     this.props.methods.registerMethod('exportDataAsCsv', (args) =>
       this.gridApi.exportDataAsCsv(args)
     );
+    this.props.methods.registerMethod('sizeColumnsToFit', () => this.gridApi.sizeColumnsToFit());
+    this.props.methods.registerMethod('autoSize', ({ skipHeader, colIds }) => {
+      const allColumnIds = colIds || [];
+      if (!colIds) {
+        this.gridColumnApi.getAllColumns().forEach((column) => {
+          allColumnIds.push(column.getId());
+        });
+      }
+      this.gridColumnApi.autoSizeColumns(allColumnIds, skipHeader);
+    });
   }
 
   onRowClick(event) {

diff --git a/src/AgGridInput.js b/src/AgGridInput.js
@@ -47,6 +47,16 @@ class AgGridInput extends React.Component {
     this.props.methods.registerMethod('exportDataAsCsv', (args) =>
       this.gridApi.exportDataAsCsv(args)
     );
+    this.props.methods.registerMethod('sizeColumnsToFit', () => this.gridApi.sizeColumnsToFit());
+    this.props.methods.registerMethod('autoSize', ({ skipHeader, colIds }) => {
+      const allColumnIds = colIds || [];
+      if (!colIds) {
+        this.gridColumnApi.getAllColumns().forEach((column) => {
+          allColumnIds.push(column.getId());
+        });
+      }
+      this.gridColumnApi.autoSizeColumns(allColumnIds, skipHeader);
+    });
   }
 
   onRowClick(event) {