Fixed toggle column bug with complex header

src/bootstrap-table.js

@@ -263,7 +263,7 @@ class BootstrapTable {
       searchables: []
     }
 
-    Utils.updateFieldGroup(this.options.columns)
+    Utils.updateFieldGroup(this.options.columns, this.columns)
 
     this.options.columns.forEach((columns, i) => {
       const html = []

src/utils/index.js

@@ -207,7 +207,7 @@ export default {
     return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
   },
 
-  updateFieldGroup (columns) {
+  updateFieldGroup (columns, fieldColumns) {
     const allColumns = [].concat(...columns)
 
     for (const c of columns) {
@@ -227,6 +227,20 @@ export default {
         }
       }
     }
+
+    if (columns.length < 2) {
+      return
+    }
+
+    for (const column of fieldColumns) {
+      const sameColumns = allColumns.filter(col => col.fieldIndex === column.fieldIndex)
+
+      if (sameColumns.length > 1) {
+        for (const c of sameColumns) {
+          c.visible = column.visible
+        }
+      }
+    }
   },
 
   getScrollBarWidth () {