feat: 增加 IsAutoScrollTopWhenClickPage 参数

Author: ArgoZhang

src/BootstrapBlazor/Components/Table/Table.razor.Pagination.cs

@@ -169,6 +169,12 @@ protected async Task OnPageLinkClick(int pageIndex)
 
             // 通知 SelectedRow 双向绑定集合改变
             await OnSelectedRowsChanged();
+
+            // 通知 UI 滚动到顶端
+            if(IsAutoScrollTopWhenClickPage)
+            {
+                await InvokeVoidAsync("scrollTop", Id);
+            }
         }
     }
 

src/BootstrapBlazor/Components/Table/Table.razor.cs

@@ -759,6 +759,12 @@ public async Task ExpandDetailRow(TItem item)
     [Parameter]
     public Func<List<TItem>, bool>? DisableEditButtonCallback { get; set; }
 
+    /// <summary>
+    /// 获得/设置 翻页时是否自动滚动到顶部 默认 false
+    /// </summary>
+    [Parameter]
+    public bool IsAutoScrollTopWhenClickPage { get; set; }
+
     [CascadingParameter]
     private ContextMenuZone? ContextMenuZone { get; set; }
 

src/BootstrapBlazor/Components/Table/Table.razor.js

@@ -21,6 +21,20 @@ export function init(id, invoke, options) {
     reset(id)
 }
 
+export function scrollTop(id) {
+    const table = Data.get(id)
+    if (table === null) {
+        return;
+    }
+
+    const body = table.tables.length === 2 ? table.tables[1] : table.tables[0];
+    body.parentElement.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth",
+    });
+}
+
 export function reloadColumnWidth(tableName) {
     const key = `bb-table-column-width-${tableName}`
     return localStorage.getItem(key);