Thursday, September 8, 2022

How to remove tabindex=0 from the cell table html

I am working on adding keyboard accessibility to my product. When I am tabbing from a widget say a button, outside of the cell table to the another button that is after the table my tabbing sequence includes the first element on the celltable into the sequence. This element is just a data and can not be edited. Due to the fact that html generated by GWT for cell table that include tabindex= 0  it is added in the tabbing sequence. 
<tr __gwt_row="0" __gwt_subrow="0" class="com-jenzabar-jx-ui-widgets-item-grid-JXCellTable-Style-cellTableEvenRow com-jenzabar-jx-ui-widgets-item-grid-JXCellTable-Style-cellTableHoveredRow">
<td class="com-jenzabar-jx-ui-widgets-item-grid-JXCellTable-Style-cellTableCell com-jenzabar-jx-ui-widgets-item-grid-JXCellTable-Style-cellTableEvenRowCell com-jenzabar-jx-ui-widgets-item-grid-JXCellTable-Style-cellTableFirstColumn dataGridCell textLeftAlignment wrapText com-jenzabar-jx-ui-widgets-item-grid-JXCellTable-Style-cellTableHoveredRowCell">
<div style="outline-style:none;" __gwt_cell="cell-gwt-uid-93" tabindex="0">10/06/2021</div>

My question is how to remove this tabindex. I tried setting tabindex to -1 but that does not affect the div tag tabindex value. Any help will be really appreciated. Thank you 

You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
To view this discussion on the web visit

No comments:

Post a Comment