dbeaver/pro#5880 add min width to menu column

webapp/common-react/@dbeaver/react-data-grid/src/DataGrid.tsx

@@ -66,6 +66,7 @@ export const DataGrid = forwardRef<DataGridRef, DataGridProps>(function DataGrid
   {
     headerElement,
     getHeaderWidth,
+    getHeaderMinWidth,
     headerText,
     getHeaderOrder,
     getHeaderResizable,
@@ -110,12 +111,13 @@ export const DataGrid = forwardRef<DataGridRef, DataGridProps>(function DataGrid
     .fill(null as any)
     .map((_, i): ColumnOrColumnGroup<IInnerRow, unknown> => {
       const width = getHeaderWidth?.(i) ?? 'max-content';
+      const minWidth = getHeaderMinWidth?.(i) ?? 26;
       return {
         key: getColumnKey?.(i) ?? String(i),
         name: '',
         resizable: getHeaderResizable?.(i) ?? true,
         width,
-        minWidth: 26,
+        minWidth,
         editable: row => getCellEditable?.(row.idx, i) ?? false,
         frozen: getHeaderPinned?.(i),
         renderHeaderCell: mapRenderHeaderCell(i),

webapp/common-react/@dbeaver/react-data-grid/src/DataGridHeaderCellContext.ts

@@ -14,6 +14,7 @@ export interface IDataGridHeaderCellContext {
   headerText?: IGridReactiveValue<string, [colIdx: number]>;
   getHeaderOrder?: () => number[];
   getHeaderWidth?: (colIdx: number) => number | string | null;
+  getHeaderMinWidth?: (colIdx: number) => number | null;
   getHeaderResizable?: (colIdx: number) => boolean;
   getHeaderHeight?: () => number;
   getHeaderPinned?: (colIdx: number) => boolean;

webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Table/Table.tsx

@@ -28,6 +28,9 @@ export interface TableProps {
   loadMore: () => void;
 }
 
+const MENU_COLUMN_INDEX = 1;
+const MENU_COLUMN_MIN_WIDTH = 16 + 16 + 16 + 8 + 24;
+
 export const Table = observer<TableProps>(function Table({ objects, hasNextPage, loadMore }) {
   const styles = useS(classes);
   const navTreeResource = useService(NavTreeResource);
@@ -112,6 +115,15 @@ export const Table = observer<TableProps>(function Table({ objects, hasNextPage,
     if (colIdx === 0) {
       return 40;
     }
+
+    return null;
+  }
+
+  function getHeaderMinWidth(colIdx: number) {
+    if (colIdx === MENU_COLUMN_INDEX) {
+      return MENU_COLUMN_MIN_WIDTH;
+    }
+
     return null;
   }
 
@@ -142,6 +154,7 @@ export const Table = observer<TableProps>(function Table({ objects, hasNextPage,
         cell={cell}
         cellTooltip={cellTooltip}
         getHeaderWidth={getHeaderWidth}
+        getHeaderMinWidth={getHeaderMinWidth}
         getHeaderResizable={getHeaderResizable}
         columnCount={columnCount}
         headerText={headerText}