Merge pull request #7193 from wenzhixin/feature/add-fixed-scroll

Added fixedScroll option

index.d.ts

@@ -325,6 +325,7 @@ export interface BootstrapTableOptions {
   ) => boolean | void;
   buttonsClass?: string;
   pageList?: number[];
+  fixedScroll?: boolean;
 }
 
 declare global {

site/docs/api/table-options.md

@@ -543,6 +543,20 @@ The table options are defined in `jQuery.fn.bootstrapTable.defaults`.
 
 - **Example:** [Filter Options](https://examples.bootstrap-table.com/#options/filter-options.html)
 
+## fixedScroll
+
+- **Attribute:** `data-fixed-scroll`
+
+- **Type:** `Boolean`
+
+- **Detail:**
+
+  Set `true` to enable the fixed scrollbar position of the table when loading data.
+
+- **Default:** `false`
+
+- **Example:** [Fixed Scroll](https://examples.bootstrap-table.com/#options/fixed-scroll.html)
+
 ## footerField
 
 - **Attribute:** `data-footer-field`

src/bootstrap-table.js

@@ -2516,7 +2516,7 @@ class BootstrapTable {
       this.footerData = data[this.options.footerField] ? [data[this.options.footerField]] : undefined
     }
 
-    fixedScroll = data.fixedScroll
+    fixedScroll = this.options.fixedScroll || data.fixedScroll
     data = Array.isArray(data) ? data : data[this.options.dataField]
 
     this.initData(data)

src/constants/index.js

@@ -247,6 +247,7 @@ const DEFAULTS = {
   iconsPrefix: undefined, // init in initConstants
   icons: {}, // init in initConstants
   iconSize: undefined,
+  fixedScroll: false,
   loadingFontSize: 'auto',
   loadingTemplate (loadingMessage) {
     return `<span class="loading-wrap">