Using arrow keys in Hierarchical Table
Hello All,
I have a Hierarchical Table (Pega 7.3) with collapsible rows. I need to be able to scroll up and down using the arrow keys. This is possible in a Table since I have the option to select Progressive pagination. However in the hierarchical grid I do not get the progressive pagination option and therefore if I use the arrow keys the entire page scrolls up or down. Does anyone have a solution that will enable me to use the arrow keys to scroll up and down the rows of the table? Your help would be appreciated.
Sanjay
***Edited by moderator, Maryrita: moved to Product Support from Applications***
Accepted Solution
Pegasystems Inc.
IN
Pegasystems Inc.
IN
Hello Sanjay,
Thanks for posting your query in PSC :)
Using below style for the format(stylesheet) used for hierarchical Table, I could get the scrollbar.
div#PEGA_GRID_SKIN.spreadsheet
{
overflow-y: scroll;
height: 400px;
}
Refer the attached screenshot:
PS: Use browser's developer tool to identify the table grid content or skin content element.
While you test the above suggestion, I will check if we can achieve this by specifying in the skin.
Regards,
Rincy
Maantic Inc.
US
Thank you Rincy. I am able to get the Scroll bar to display. However, I need to be able to highlight a row and then be able to scroll up and down the grid using the arrow keys on the keyboard. I have tried using the action sets to accomplish this and it works almost perfectly on the tree grid when I set the the pagination to Progressive. Unfortunately the Hierarchical grid does not have the option of progressive pagination so when I use the arrow keys to either scroll up or down the entire grid moves. Also I need is to change focus to a different row.
Sanjay
Accepted Solution
Pegasystems Inc.
IN
Hello,
Sanjay decided to go with the below local-change:
I ended up using a table to group records and set a flag for child rows and displayed them on a smart tip since they were not editable anyway. Then I was able to use the arrow keys to scroll up and down the table.
Regards,
Hello,
Sanjay decided to go with the below local-change:
I ended up using a table to group records and set a flag for child rows and displayed them on a smart tip since they were not editable anyway. Then I was able to use the arrow keys to scroll up and down the table.
Regards,