From our research we have found that tabbing works only in specific scenarios for ignite ui datagrid: 1. when filter is enabled - for navigatiing the filter row, 2. sorting - navigating the columns for sorting, 3. paging - navigate the paging ui (dropdowns for records/page).
Is there a way to setup the grid so that when the user tabs into it the first row is selected and then the arrow keys can be used to move between rows? This would be for a read only grid.
Hello Tammy,
Thank you for contacting Infragistics.
I am currently looking into how this may be achieved. I am currently looking into using the jQuery keyDown and focus events to detect when the grid is tabbed to and then use the selection behavior of the grid to select the row. I will continue to look into this matter and will update you with my progress.
Thank you for your patience. I am currently looking further into this matter to see how this behavior may be achieved. I am currently discussing this with our development team. I will continue to look into this matter and will update you with my progress.
Thank you for your patience. After some further discusses with our development team I have a sample that demonstrates this behavior. To achieve this you will want to set the tabIndex on the grid. After this when setting up the focus event you will want to attach it to the container in the igGird instead of the placeholder table html element.
Please let me know if you have any further questions concerning this matter.
This doesn’t seem to work when the summary and filter is on. Then it only tabs through those sections. Is there a way to make it tab into the grid after the filter?
Thank you for the update. I have a few questions concerning this matter. Do you do anything with the summary and filter behavior besides enable them? What are you setting the tabIndex to on the grid?
The user can configure filters if that is what you’re asking. We’d like them to tab in be able to tab through the filter area and then tab into the actual rows.
Thank you for the update. I have done some further looking into this matter and have updated my sample to enable filtering and summaries. I am unable to reproduce the issue you are seeing. When I hit tab it selected the row I tell it when the grid gets focus. I am attaching the sample. Please run the sample and let me know what you see. What version of Ignite are you using? What service release are you using?
I am following up to see if this matter has been resolved. If this isn’t the case please answer my questions:
What do you see when you run the sample I sent? What version of Ignite are you using? What service release are you using?