GridCore: make expand column header rowspan equal to header rows count (T1317623) (#32816)

Author: anna-shakhova

e2e/testcafe-devextreme/tests/dataGrid/common/fixedColumns/etalons/T1317623-expand-columns-with-band-columns (fluent.blue.light).png

@@ -314,3 +314,73 @@ test('The grid layout should be correct after unfixing a column via the context
     { dataField: 'State' },
   ],
 }));
+
+// T1317623
+test('Expand columns headers offsets should be correct with fixed band columns and fixed command columns (T1317623)', async (t) => {
+  const dataGrid = new DataGrid(DATA_GRID_SELECTOR);
+  const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
+  await t.expect(dataGrid.isReady()).ok();
+
+  await testScreenshot(t, takeScreenshot, 'T1317623-expand-columns-with-band-columns.png', { element: dataGrid.element });
+
+  await dataGrid.scrollTo(t, { x: 5000 });
+
+  await testScreenshot(t, takeScreenshot, 'T1317623-horizontal-scroll-with-fixed-band-columns.png', { element: dataGrid.element });
+
+  await t
+    .expect(compareResults.isValid())
+    .ok(compareResults.errorMessages());
+}).before(async () => createWidget('dxDataGrid', {
+  dataSource: [
+    {
+      ID: 1,
+      CompanyName: 'Super Mart of the West',
+      Address: '702 SW 8th Street',
+      City: 'Bentonville',
+      State: 'Arkansas',
+      Zipcode: 72716,
+      Phone: '(800) 555-2797',
+      Fax: '(800) 555-2171',
+    },
+    {
+      ID: 2,
+      CompanyName: 'K&S Music',
+      Address: '1000 Nicllet Mall',
+      City: 'Minneapolis',
+      State: 'Minnesota',
+      Zipcode: 55403,
+      Phone: '(612) 304-6073',
+      Fax: '(612) 304-6074',
+    },
+  ],
+  keyExpr: 'ID',
+  width: '100%',
+  showBorders: true,
+  columnWidth: 200,
+  columnFixing: { enabled: true },
+  selection: { mode: 'multiple' },
+  grouping: { autoExpandAll: true },
+  masterDetail: {
+    enabled: true,
+  },
+  columns: [
+    {
+      caption: 'Company Info',
+      fixed: true,
+      fixedPosition: 'left',
+      columns: [
+        { dataField: 'CompanyName', groupIndex: 1, showWhenGrouped: true },
+        { dataField: 'Phone' },
+        { dataField: 'Fax' },
+      ],
+    },
+    'City',
+    {
+      dataField: 'State',
+      groupIndex: 0,
+    },
+    'Address',
+    'Zipcode',
+  ],
+}));

e2e/testcafe-devextreme/tests/dataGrid/common/fixedColumns/etalons/T1317623-horizontal-scroll-with-fixed-band-columns (fluent.blue.light).png

@@ -1,6 +1,6 @@
 import { isCommandKeyPressed } from '@js/common/core/events/utils';
 import { isDefined } from '@js/core/utils/type';
-import type { Column } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 import type { FocusedCellPosition } from '@ts/grids/grid_core/keyboard_navigation/const';
 import { KEY_CODES } from '@ts/grids/grid_core/keyboard_navigation/const';
 import type { ColumnKeyboardNavigationController } from '@ts/grids/grid_core/keyboard_navigation/m_column_keyboard_navigation_core';

e2e/testcafe-devextreme/tests/dataGrid/common/fixedColumns/visual.ts

@@ -5,7 +5,7 @@ import {
 } from '@js/common/core/events/utils/index';
 import $ from '@js/core/renderer';
 import { hiddenFocus } from '@js/ui/shared/accessibility';
-import type { Column } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 import { Direction } from '@ts/grids/grid_core/keyboard_navigation/const';
 import { ColumnKeyboardNavigationController } from '@ts/grids/grid_core/keyboard_navigation/m_column_keyboard_navigation_core';
 import type { Views } from '@ts/grids/grid_core/m_types';

packages/devextreme/js/__internal/grids/data_grid/keyboard_navigation/m_column_keyboard_navigation_mixin.ts

@@ -1,7 +1,7 @@
 import { isCommandKeyPressed } from '@js/common/core/events/utils';
 import $ from '@js/core/renderer';
 import { isDefined } from '@js/core/utils/type';
-import type { Column } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 import { KEY_CODES } from '@ts/grids/grid_core/keyboard_navigation/const';
 import type { HeadersKeyboardNavigationController } from '@ts/grids/grid_core/keyboard_navigation/m_headers_keyboard_navigation';
 import { headersKeyboardNavigationModule } from '@ts/grids/grid_core/keyboard_navigation/m_headers_keyboard_navigation';

packages/devextreme/js/__internal/grids/data_grid/keyboard_navigation/m_group_panel_keyboard_navigation.ts

@@ -1,5 +1,5 @@
 import { isDefined } from '@js/core/utils/type';
-import type { Column } from '@ts/grids/grid_core/columns_controller/m_columns_controller';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 
 export function getSummaryCellIndex(
   column: Column,

packages/devextreme/js/__internal/grids/data_grid/keyboard_navigation/m_headers_keyboard_navigation.ts

@@ -16,11 +16,12 @@ import { getWidth } from '@js/core/utils/size';
 import { isDefined, isString } from '@js/core/utils/type';
 import Form from '@js/ui/form';
 import { isMaterial } from '@js/ui/themes';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 import type { ResizingController } from '@ts/grids/grid_core/views/m_grid_view';
 
 import type { ExportController } from '../../data_grid/export/m_export';
 import { AI_COLUMN_NAME } from '../ai_column/const';
-import type { Column, ColumnsController } from '../columns_controller/m_columns_controller';
+import type { ColumnsController } from '../columns_controller/m_columns_controller';
 import type { ColumnsResizerViewController, DraggingHeaderViewController } from '../columns_resizing_reordering/m_columns_resizing_reordering';
 import type { DataController } from '../data_controller/m_data_controller';
 import type { EditingController } from '../editing/m_editing';

packages/devextreme/js/__internal/grids/data_grid/summary/utils.ts

@@ -1,6 +1,5 @@
 import { isDefined } from '@js/core/utils/type';
-
-import type { Column } from '../columns_controller/m_columns_controller';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 
 const HIDEABLE_COMMAND_COLUMNS = ['ai'];
 

packages/devextreme/js/__internal/grids/grid_core/adaptivity/m_adaptivity.ts

@@ -1,8 +1,9 @@
 import type { DataChange } from '@js/common/grids';
 import type { Callback } from '@js/core/utils/callbacks';
 import { isDefined } from '@ts/core/utils/m_type';
+import type { Column } from '@ts/grids/grid_core/columns_controller/types';
 
-import type { Column, ColumnsController } from '../../columns_controller/m_columns_controller';
+import type { ColumnsController } from '../../columns_controller/m_columns_controller';
 import type { DataController, HandleDataChangedArguments, UserData } from '../../data_controller/m_data_controller';
 import { Controller } from '../../m_modules';
 import gridCoreUtils from '../../m_utils';