onFocusedRowChanging(e) {
const rowsCount = e.component.getVisibleRows().length;
const pageCount = e.component.pageCount();
const pageIndex = e.component.pageIndex();
const key = e.event && e.event.key;
if (key && e.prevRowIndex === e.newRowIndex) {
if (e.newRowIndex === rowsCount - 1 && pageIndex < pageCount - 1) {
e.component.pageIndex(pageIndex + 1).done(() => {
e.component.option('focusedRowIndex', 0);
});
} else if (e.newRowIndex === 0 && pageIndex > 0) {
e.component.pageIndex(pageIndex - 1).done(() => {
e.component.option('focusedRowIndex', rowsCount - 1);
});
}
}
},
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter