Focused Row - jQuery Data Grid - DevExtreme jQuery Example

PHOTO EMBED

Mon Mar 04 2024 20:01:56 GMT+0000 (Coordinated Universal Time)

Saved by @gerardo0320

 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);
          });
        }
      }
    },
content_copyCOPY

https://js.devexpress.com/jQuery/Demos/WidgetsGallery/Demo/DataGrid/FilterPanel/MaterialBlueLight/