Add header text style and disable double-click navigation in grids

src/components/DatasetControl/EditColumns/EditColumns.tsx

@@ -88,7 +88,8 @@ export const EditColumns = (props: IEditColumnsProps) => {
                 footer: styles.panelFooter,
                 commands: styles.panelCommands,
                 scrollableContent: styles.panelScrollableContent,
-                content: styles.panelContent
+                content: styles.panelContent,
+                headerText: styles.headerText
             }}
             isFooterAtBottom
             onRenderFooterContent={() => {

src/components/DatasetControl/EditColumns/styles.ts

@@ -45,6 +45,9 @@ export const getEditColumnsStyles = (theme: ITheme) => {
             flexDirection: 'column',
             gap: 12
         },
+        headerText: {
+            whiteSpace: 'normal'
+        },
         selectors: {
             display: 'flex',
             flexDirection: 'column',

src/components/Grid/grid/ag-grid/AgGridModel.ts

@@ -291,6 +291,8 @@ export class AgGridModel extends EventEmitter<IAgGridModelEvents> {
             case this._grid.isColumnEditable(column.name, e.data):
             //do not navigate on aggregated/grouped rows
             case e.data?.getSummarizationType() !== 'none':
+            //do not allow double click navigation for editable grids (it creates confusion between double clicking read only columns to navigate and double clicking editable columns to edit)
+            case this._grid.isEditingEnabled():
             //do not navigate on checkbox column
             case column.name === DataProvider.CONST.CHECKBOX_COLUMN_KEY: {
                 break;