After Optimize the table in Pega, tab key is directly jump to anywhere, not to the table column

Share with Love

To resolve this issue, you will need to check the tab order settings for the table in Pega. The tab order determines the sequence in which fields are selected when the user presses the tab key. To set the tab order:

Goto HTML Fragment: UserWorkForm then in HTML tab select jsp then add this script
function tbissuefix()
var row = document.getElementById(‘gridLayoutTable’).rows;
for (var i = 0; i < row.length; i++) {
for (var j = 0; j < row[i].cells.length; j++ ) {
for (let index = 0; index < row[i].cells[j].getElementsByTagName(“input”).length; index++) {
row[i].cells[j].getElementsByTagName(‘input’)[index].addEventListener(‘click’, function(e){
setTimeout(function() {
// this.removeAttribute(“tabIndex”);
}, 3000);
}, true);

After that go to pega table and click on first column, properties will be shown then add tab key event then RunScript and then call the function tbissuefix.

If the above steps do not resolve the issue, you can reach out to Pega support for further assistance.


JavaScript for Tab Key, Move From One Column to Next Column in a Table Input