Added stickyHeaderOffsetLeft and stickyHeaderOffsetRight options for sticky-header extension

site/docs/extensions/sticky-header.md

@@ -39,3 +39,23 @@ This is an extension which provides a sticky header for the table when scrolling
    Set the Y offset from the top of the window to pin the sticky header. If there is a fixed navigation bar with a height of 60px, this value would be `60`.
 
 - **Default:** `0`
+
+### stickyHeaderOffsetLeft
+
+- **type:** `Number | String`
+
+- **Detail:**
+
+   Set the left offset of the sticky header container.
+
+- **Default:** `0`
+
+### stickyHeaderOffsetRight
+
+- **type:** `Number | String`
+
+- **Detail:**
+
+   Set the right offset of the sticky header container.
+
+- **Default:** `0`

src/extensions/sticky-header/bootstrap-table-sticky-header.js

@@ -8,7 +8,9 @@ const Utils = $.fn.bootstrapTable.utils
 
 $.extend($.fn.bootstrapTable.defaults, {
   stickyHeader: false,
-  stickyHeaderOffsetY: 0
+  stickyHeaderOffsetY: 0,
+  stickyHeaderOffsetLeft: 0,
+  stickyHeaderOffsetRight: 0
 })
 
 const hiddenClass = {
@@ -56,7 +58,9 @@ $.BootstrapTable = class extends $.BootstrapTable {
       // match bootstrap table style
       this.$stickyContainer.removeClass(hiddenClass).addClass('fix-sticky fixed-table-container')
       // stick it in position
-      this.$stickyContainer.css('top', `${this.options.stickyHeaderOffsetY}px`)
+      this.$stickyContainer.css('top', `${this.options.stickyHeaderOffsetY}`)
+      this.$stickyContainer.css('left', `${this.options.stickyHeaderOffsetLeft}`)
+      this.$stickyContainer.css('right', `${this.options.stickyHeaderOffsetRight}`)
       // create scrollable container for header
       this.$stickyTable = $('<table/>')
       this.$stickyTable.addClass(this.options.classes)