Improve headers accessibility

Set the headersFocusability property to "All" by default allowing the Row and column headers to be accessible via keyboard.
OutSystems · Jun 26, 2023 · 173a751 · 173a751
1 parent 134b58c
commit 173a751
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/OSFramework/DataGrid/Configuration/Grid/FlexGridConfig.ts b/src/OSFramework/DataGrid/Configuration/Grid/FlexGridConfig.ts
@@ -34,6 +34,7 @@ namespace OSFramework.DataGrid.Configuration.Grid {
             let provider: DataGrid.Types.IGridProviderConfigs = {
                 autoGenerateColumns: this.autoGenerateColumns,
                 allowMerging: 'Cells', // allow mergeCells API. This option does nothing, without the proper column config.
+                headersFocusability: wijmo.grid.HeadersFocusability.All, // by default, Row and Column headers are focusable via keyboard.
                 isReadOnly: this.allowEdit === false,
                 validateEdits: this.validateEdits,
                 showSelectedHeaders: 'All' // highlight row/column header

diff --git a/src/OSFramework/DataGrid/Types/index.ts b/src/OSFramework/DataGrid/Types/index.ts
@@ -56,6 +56,7 @@ namespace OSFramework.DataGrid.Types {
     export interface IGridProviderConfigs {
         allowMerging: string;
         autoGenerateColumns: boolean;
+        headersFocusability: wijmo.grid.HeadersFocusability;
         isReadOnly: boolean;
         showSelectedHeaders: string;
         validateEdits: boolean;