Add scrollToRow method

src/utils/rows.js

@@ -6,6 +6,7 @@ import { isRowMerged } from './merges.js';
 import { conditionalSelectionUpdate, getSelectedRows, updateCornerPosition } from './selection.js';
 import { setHistory } from './history.js';
 import { getColumnNameFromId } from './internalHelpers.js';
+import { loadPage } from './lazyLoading.js';
 
 /**
  * Create row
@@ -616,3 +617,29 @@ export const setRowData = function (rowNumber, data, force) {
         }
     }
 };
+
+/**
+ * Scrolls to a specific row
+ *
+ * @param {number} rowNumber - The row number to scroll to (0-based)
+ * @param {{block?: 'start' | 'center' | 'end' | 'nearest'; inline?: 'start' | 'center' | 'end' | 'nearest'}} options - Options
+ *     - block: 'start' | 'center' | 'end' | 'nearest' (vertical alignment)
+ *     - inline: 'start' | 'center' | 'end' | 'nearest' (horizontal alignment)
+ * @returns {void}
+ */
+export const scrollToRow = function (rowNumber, options = {}) {
+    const item = this.rows[rowNumber];
+    if (!item) {
+        console.error(`Jspreadsheet: Row ${rowNumber} was not found`);
+        return;
+    }
+
+    if (!item.element.parentElement) {
+        const quantityPerPage = 100;
+        const firstRowToRender = rowNumber - quantityPerPage / 2;
+        const page = Number((firstRowToRender / quantityPerPage).toFixed(1));
+        loadPage.call(this, Math.max(page, 0));
+    }
+
+    item.element.scrollIntoView({ ...options, behavior: 'instant' });
+};

src/utils/worksheets.js

@@ -30,7 +30,7 @@ import {
     selectAll,
     updateSelectionFromCoords,
 } from './selection.js';
-import { deleteRow, getHeight, getRowData, hideRow, insertRow, moveRow, setHeight, setRowData, showRow } from './rows.js';
+import { deleteRow, getHeight, getRowData, hideRow, insertRow, moveRow, scrollToRow, setHeight, setRowData, showRow } from './rows.js';
 import { destroyMerge, getMerge, removeMerge, setMerge } from './merges.js';
 import { resetSearch, search } from './search.js';
 import { getHeader, getHeaders, setHeader } from './headers.js';
@@ -271,6 +271,8 @@ const createTable = function () {
         }
     }
 
+    obj.content.style.scrollPaddingTop = `${obj.thead.offsetHeight}px`;
+
     // With toolbars
     if (obj.options.tableOverflow != true && obj.parent.config.toolbar) {
         obj.element.classList.add('with-toolbar');
@@ -611,6 +613,7 @@ const worksheetPublicMethods = [
         },
     ],
     ['insertRow', insertRow],
+    ['scrollToRow', scrollToRow],
     [
         'moveRow',
         function (rowNumber, newPositionNumber) {