💄 min width on columns

Author: anaisberg

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DatabaseBlock/DatabaseGrid.tsx

@@ -11,7 +11,7 @@ import {
 
 import { AddButtonComponent } from './AddColumnButton';
 import { useColumns, useRows } from './hooks';
-import { addRowCellRenderer, createNewRow } from './utils';
+import { addRowCellRenderer, autoSizeStrategy, createNewRow } from './utils';
 
 export const DatabaseGrid = ({
   documentId,
@@ -102,6 +102,8 @@ export const DatabaseGrid = ({
     filter: true,
     editable: true,
     unSortIcon: true,
+    suppressSizeToFit: true,
+    minWidth: 200,
   };
 
   const addColumn = (columnName: string) => {
@@ -139,6 +141,7 @@ export const DatabaseGrid = ({
         defaultColDef={defaultColDef}
         domLayout="autoHeight"
         enableCellSpan={true}
+        autoSizeStrategy={autoSizeStrategy}
       />
     </Box>
   );

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DatabaseBlock/utils.ts

@@ -1,8 +1,15 @@
-import { ICellRendererParams } from 'ag-grid-community';
+import {
+  ICellRendererParams,
+  SizeColumnsToContentStrategy,
+} from 'ag-grid-community';
 import { Dispatch, SetStateAction } from 'react';
 
 import { AddRowButton } from './AddRowButton';
 
+export const autoSizeStrategy: SizeColumnsToContentStrategy = {
+  type: 'fitCellContents',
+};
+
 export const createNewRow = (
   value: string | undefined,
   columnNames: string[] | undefined,