Merge branch 'develop' into fix/4663

site/docs/api/table-options.md

@@ -37,8 +37,6 @@ The table options are defined in `jQuery.fn.bootstrapTable.defaults`.
 
   The height of table, enable fixed header of table.
 
-  Note that if there are multiple tables on a page and the height option is set at the same time, you need to add the `id` attribute to each table, otherwise, the window resize will not work properly.
-
 - **Default:** `undefined`
 
 - **Example:** [Table Height](https://examples.bootstrap-table.com/#options/table-height.html)

src/bootstrap-table.js

@@ -344,7 +344,7 @@ class BootstrapTable {
       }
     })
 
-    const resizeEvent = `resize.bootstrap-table${this.$el.attr('id') || ''}`
+    const resizeEvent = Utils.getResizeEventName(this.$el.attr('id'))
     $(window).off(resizeEvent)
     if (!this.options.showHeader || this.options.cardView) {
       this.$header.hide()

src/utils/index.js

@@ -312,5 +312,10 @@ export default {
     }
 
     return order
+  },
+
+  getResizeEventName (id = '') {
+    id = id || `${+new Date()}${~~(Math.random() * 1000000)}`
+    return `resize.bootstrap-table-${id}`
   }
 }