I have column the has been hidden on the UI. ‘hide’: true for the first column. As a result, when I turn on Screen readers Narrator is announcing the second column as column2 eventhough the first column is hidden.

I tried to set the aria property of column1 (aria-hidden) to true but I did not find a proper way to do that.

const gridOptions: GridOptions<SalesRecord> = { // define column types columnTypes: { currency: { width: 150, valueFormatter: currencyFormatter, }, shaded: { cellClass: "shaded-class", }, }, // define grid columns columnDefs: [ { field: "productName", hide:true}, // uses properties from currency type { field: "boughtPrice", type: "currency" }, // uses properties from currency AND shaded types { field: "soldPrice", type: ["currency", "shaded"] }, ], rowData: [ { productName: "Lamp", boughtPrice: 100, soldPrice: 200, }, { productName: "Chair", boughtPrice: 150, soldPrice: 300 }, { productName: "Desk", boughtPrice: 200, soldPrice: 400 }, ], };

Please suggest possible solutions.

Thank you

I want the screen reader to skip the columns that are hidden.

I tried to achieve by setting aria-hidden property to true but I did not find a way to do that