bootstrap-table-rails 1.12.2 → 1.13.4

data/vendor/assets/javascripts/bootstrap-table/extensions/reorder-rows/bootstrap-table-reorder-rows.js

@@ -1,118 +1,132 @@
-/**
- * @author: Dennis Hernández
- * @webSite: http://djhvscf.github.io/Blog
- * @version: v1.0.1
- */
+(function (global, factory) {
+    if (typeof define === "function" && define.amd) {
+        define([], factory);
+    } else if (typeof exports !== "undefined") {
+        factory();
+    } else {
+        var mod = {
+            exports: {}
+        };
+        factory();
+        global.bootstrapTableReorderRows = mod.exports;
+    }
+})(this, function () {
+    'use strict';
 
-(function ($) {
+    /**
+     * @author: Dennis Hernández
+     * @webSite: http://djhvscf.github.io/Blog
+     * @version: v1.0.1
+     */
 
-    'use strict';
+    (function ($) {
+
+        'use strict';
 
-    var isSearch = false;
+        var isSearch = false;
 
-    var rowAttr = function (row, index) {
-        return {
-            id: 'customId_' + index
+        var rowAttr = function rowAttr(row, index) {
+            return {
+                id: 'customId_' + index
+            };
         };
-    };
-
-    $.extend($.fn.bootstrapTable.defaults, {
-        reorderableRows: false,
-        onDragStyle: null,
-        onDropStyle: null,
-        onDragClass: "reorder_rows_onDragClass",
-        dragHandle: null,
-        useRowAttrFunc: false,
-        onReorderRowsDrag: function (table, row) {
-            return false;
-        },
-        onReorderRowsDrop: function (table, row) {
-            return false;
-        },
-        onReorderRow: function (newData) {
-             return false;
-        }
-    });
-
-    $.extend($.fn.bootstrapTable.Constructor.EVENTS, {
-        'reorder-row.bs.table': 'onReorderRow'
-    });
-
-    var BootstrapTable = $.fn.bootstrapTable.Constructor,
-        _init = BootstrapTable.prototype.init,
-        _initSearch = BootstrapTable.prototype.initSearch;
-
-    BootstrapTable.prototype.init = function () {
-
-        if (!this.options.reorderableRows) {
+
+        $.extend($.fn.bootstrapTable.defaults, {
+            reorderableRows: false,
+            onDragStyle: null,
+            onDropStyle: null,
+            onDragClass: "reorder_rows_onDragClass",
+            dragHandle: null,
+            useRowAttrFunc: false,
+            onReorderRowsDrag: function onReorderRowsDrag(table, row) {
+                return false;
+            },
+            onReorderRowsDrop: function onReorderRowsDrop(table, row) {
+                return false;
+            },
+            onReorderRow: function onReorderRow(newData) {
+                return false;
+            }
+        });
+
+        $.extend($.fn.bootstrapTable.Constructor.EVENTS, {
+            'reorder-row.bs.table': 'onReorderRow'
+        });
+
+        var BootstrapTable = $.fn.bootstrapTable.Constructor,
+            _init = BootstrapTable.prototype.init,
+            _initSearch = BootstrapTable.prototype.initSearch;
+
+        BootstrapTable.prototype.init = function () {
+
+            if (!this.options.reorderableRows) {
+                _init.apply(this, Array.prototype.slice.apply(arguments));
+                return;
+            }
+
+            var that = this;
+            if (this.options.useRowAttrFunc) {
+                this.options.rowAttributes = rowAttr;
+            }
+
+            var onPostBody = this.options.onPostBody;
+            this.options.onPostBody = function () {
+                setTimeout(function () {
+                    that.makeRowsReorderable();
+                    onPostBody.apply();
+                }, 1);
+            };
+
             _init.apply(this, Array.prototype.slice.apply(arguments));
-            return;
-        }
-
-        var that = this;
-        if (this.options.useRowAttrFunc) {
-            this.options.rowAttributes = rowAttr;
-        }
-
-        var onPostBody = this.options.onPostBody;
-        this.options.onPostBody = function () {
-            setTimeout(function () {
-                that.makeRowsReorderable();
-                onPostBody.apply();
-            }, 1);
         };
 
-        _init.apply(this, Array.prototype.slice.apply(arguments));
-    };
-
-    BootstrapTable.prototype.initSearch = function () {
-        _initSearch.apply(this, Array.prototype.slice.apply(arguments));
-
-        if (!this.options.reorderableRows) {
-            return;
-        }
-
-        //Known issue after search if you reorder the rows the data is not display properly
-        //isSearch = true;
-    };
-
-    BootstrapTable.prototype.makeRowsReorderable = function () {
-        if (this.options.cardView) {
-            return;
-        }
-
-        var that = this;
-        this.$el.tableDnD({
-            onDragStyle: that.options.onDragStyle,
-            onDropStyle: that.options.onDropStyle,
-            onDragClass: that.options.onDragClass,
-            onDrop: that.onDrop,
-            onDragStart: that.options.onReorderRowsDrag,
-            dragHandle: that.options.dragHandle
-        });
-    };
-
-    BootstrapTable.prototype.onDrop = function (table, droppedRow) {
-        var tableBs = $(table),
-            tableBsData = tableBs.data('bootstrap.table'),
-            tableBsOptions = tableBs.data('bootstrap.table').options,
-            row = null,
-            newData = [];
-
-        for (var i = 0; i < table.tBodies[0].rows.length; i++) {
-            row = $(table.tBodies[0].rows[i]);
-            newData.push(tableBsOptions.data[row.data('index')]);
-            row.data('index', i).attr('data-index', i);
-        }
-
-        tableBsOptions.data = tableBsOptions.data.slice(0, tableBsData.pageFrom - 1)
-            .concat(newData)
-            .concat(tableBsOptions.data.slice(tableBsData.pageTo));
-
-        //Call the user defined function
-        tableBsOptions.onReorderRowsDrop.apply(table, [table, droppedRow]);
-
-        //Call the event reorder-row
-        tableBsData.trigger('reorder-row', newData);
-    };
-})(jQuery);
+        BootstrapTable.prototype.initSearch = function () {
+            _initSearch.apply(this, Array.prototype.slice.apply(arguments));
+
+            if (!this.options.reorderableRows) {
+                return;
+            }
+
+            //Known issue after search if you reorder the rows the data is not display properly
+            //isSearch = true;
+        };
+
+        BootstrapTable.prototype.makeRowsReorderable = function () {
+            if (this.options.cardView) {
+                return;
+            }
+
+            var that = this;
+            this.$el.tableDnD({
+                onDragStyle: that.options.onDragStyle,
+                onDropStyle: that.options.onDropStyle,
+                onDragClass: that.options.onDragClass,
+                onDrop: that.onDrop,
+                onDragStart: that.options.onReorderRowsDrag,
+                dragHandle: that.options.dragHandle
+            });
+        };
+
+        BootstrapTable.prototype.onDrop = function (table, droppedRow) {
+            var tableBs = $(table),
+                tableBsData = tableBs.data('bootstrap.table'),
+                tableBsOptions = tableBs.data('bootstrap.table').options,
+                row = null,
+                newData = [];
+
+            for (var i = 0; i < table.tBodies[0].rows.length; i++) {
+                row = $(table.tBodies[0].rows[i]);
+                newData.push(tableBsOptions.data[row.data('index')]);
+                row.data('index', i).attr('data-index', i);
+            }
+
+            tableBsOptions.data = tableBsOptions.data.slice(0, tableBsData.pageFrom - 1).concat(newData).concat(tableBsOptions.data.slice(tableBsData.pageTo));
+
+            //Call the user defined function
+            tableBsOptions.onReorderRowsDrop.apply(table, [table, droppedRow]);
+
+            //Call the event reorder-row
+            tableBsData.trigger('reorder-row', newData);
+        };
+    })(jQuery);
+});

data/vendor/assets/javascripts/bootstrap-table/extensions/resizable/bootstrap-table-resizable.js

@@ -1,75 +1,86 @@
-/**
- * @author: Dennis Hernández
- * @webSite: http://djhvscf.github.io/Blog
- * @version: v1.0.0
- */
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define([], factory);
+  } else if (typeof exports !== "undefined") {
+    factory();
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory();
+    global.bootstrapTableResizable = mod.exports;
+  }
+})(this, function () {
+  "use strict";
+
+  /**
+   * @author: Dennis Hernández
+   * @webSite: http://djhvscf.github.io/Blog
+   * @version: v2.0.0
+   */
+
+  (function ($) {
+    "use strict";
 
-(function ($) {
-    'use strict';
+    var initResizable = function initResizable(that) {
+      if (that.options.resizable && !that.options.cardView && !isInit(that)) {
+        that.$el.resizableColumns();
+      }
+    };
 
-    var initResizable = function (that) {
-        //Deletes the plugin to re-create it
-        that.$el.colResizable({disable: true});
+    var reInitResizable = function reInitResizable(that) {
+      destroy(that);
+      initResizable(that);
+    };
 
-        //Creates the plugin
-        that.$el.colResizable({
-            liveDrag: that.options.liveDrag,
-            fixed: that.options.fixed,
-            headerOnly: that.options.headerOnly,
-            minWidth: that.options.minWidth,
-            hoverCursor: that.options.hoverCursor,
-            dragCursor: that.options.dragCursor,
-            onResize: that.onResize,
-            onDrag: that.options.onResizableDrag,
-            resizeMode: that.options.resizeMode
-        });
+    var destroy = function destroy(that) {
+      if (isInit(that)) {
+        that.$el.data("resizableColumns").destroy();
+      }
+    };
+
+    var isInit = function isInit(that) {
+      return that.$el.data("resizableColumns") !== undefined;
     };
 
     $.extend($.fn.bootstrapTable.defaults, {
-        resizable: false,
-        liveDrag: false,
-        fixed: true,
-        headerOnly: false,
-        minWidth: 15,
-        hoverCursor: 'e-resize',
-        dragCursor: 'e-resize',
-        onResizableResize: function (e) {
-            return false;
-        },
-        onResizableDrag: function (e) {
-            return false;
-        }
+      resizable: false
     });
 
     var BootstrapTable = $.fn.bootstrapTable.Constructor,
+        _initBody = BootstrapTable.prototype.initBody,
         _toggleView = BootstrapTable.prototype.toggleView,
         _resetView = BootstrapTable.prototype.resetView;
 
+    BootstrapTable.prototype.initBody = function () {
+      var that = this;
+      _initBody.apply(this, Array.prototype.slice.apply(arguments));
+
+      that.$el.off("column-switch.bs.table, page-change.bs.table").on("column-switch.bs.table, page-change.bs.table", function () {
+        reInitResizable(that);
+      });
+    };
+
     BootstrapTable.prototype.toggleView = function () {
-        _toggleView.apply(this, Array.prototype.slice.apply(arguments));
+      _toggleView.apply(this, Array.prototype.slice.apply(arguments));
 
-        if (this.options.resizable && this.options.cardView) {
-            //Deletes the plugin
-            $(this.$el).colResizable({disable: true});
-        }
+      if (this.options.resizable && this.options.cardView) {
+        //Destroy the plugin
+        destroy(this);
+      }
     };
 
     BootstrapTable.prototype.resetView = function () {
-        var that = this;
+      var that = this;
 
-        _resetView.apply(this, Array.prototype.slice.apply(arguments));
+      _resetView.apply(this, Array.prototype.slice.apply(arguments));
 
-        if (this.options.resizable) {
-            // because in fitHeader function, we use setTimeout(func, 100);
-            setTimeout(function () {
-                initResizable(that);
-            }, 100);
-        }
+      if (this.options.resizable) {
+        // because in fitHeader function, we use setTimeout(func, 100);
+        setTimeout(function () {
+          initResizable(that);
+        }, 100);
+      }
     };
-
-    BootstrapTable.prototype.onResize = function (e) {
-        var that = $(e.currentTarget);
-        that.bootstrapTable('resetView');
-        that.data('bootstrap.table').options.onResizableResize.apply(e);
-    }
-})(jQuery);
+  })(jQuery);
+});

data/vendor/assets/javascripts/bootstrap-table/extensions/select2-filter/bootstrap-table-select2-filter.js

@@ -1,332 +1,341 @@
-/**
- * @author: Jewway
- * @version: v1.1.1
- */
-
-! function ($) {
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define([], factory);
+  } else if (typeof exports !== "undefined") {
+    factory();
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory();
+    global.bootstrapTableSelect2Filter = mod.exports;
+  }
+})(this, function () {
   'use strict';
 
-  function getCurrentHeader(that) {
-    var header = that.$header;
-    if (that.options.height) {
-      header = that.$tableHeader;
-    }
+  /**
+   * @author: Jewway
+   * @version: v1.1.1
+   */
 
-    return header;
-  }
+  !function ($) {
+    'use strict';
 
-  function initFilterValues(that) {
-    if (!$.isEmptyObject(that.filterColumnsPartial)) {
-      var $header = getCurrentHeader(that);
+    function getCurrentHeader(that) {
+      var header = that.$header;
+      if (that.options.height) {
+        header = that.$tableHeader;
+      }
 
-      $.each(that.columns, function (idx, column) {
-        var value = that.filterColumnsPartial[column.field];
+      return header;
+    }
 
-        if (column.filter) {
-          if (column.filter.setFilterValue) {
-            var $filter = $header.find('[data-field=' + column.field + '] .filter');
-            column.filter.setFilterValue($filter, column.field, value);
-          } else {
-            var $ele = $header.find('[data-filter-field=' + column.field + ']');
-            switch (column.filter.type) {
-              case 'input':
-                $ele.val(value);
-              case 'select':
-                $ele.val(value).trigger('change');
+    function initFilterValues(that) {
+      if (!$.isEmptyObject(that.filterColumnsPartial)) {
+        var $header = getCurrentHeader(that);
+
+        $.each(that.columns, function (idx, column) {
+          var value = that.filterColumnsPartial[column.field];
+
+          if (column.filter) {
+            if (column.filter.setFilterValue) {
+              var $filter = $header.find('[data-field=' + column.field + '] .filter');
+              column.filter.setFilterValue($filter, column.field, value);
+            } else {
+              var $ele = $header.find('[data-filter-field=' + column.field + ']');
+              switch (column.filter.type) {
+                case 'input':
+                  $ele.val(value);
+                case 'select':
+                  $ele.val(value).trigger('change');
+              }
             }
           }
-        }
-      });
+        });
+      }
     }
-  }
 
-  function createFilter(that, header) {
-    var enableFilter = false,
-      isVisible,
-      html,
-      timeoutId = 0;
-
-    $.each(that.columns, function (i, column) {
-      isVisible = 'hidden';
-      html = null;
-
-      if (!column.visible) {
-        return;
-      }
+    function createFilter(that, header) {
+      var enableFilter = false,
+          isVisible,
+          html,
+          timeoutId = 0;
 
-      if (!column.filter) {
-        html = $('<div class="no-filter"></div>');
-      } else {
-        var filterClass = column.filter.class ? ' ' + column.filter.class : '';
-        html = $('<div style="margin: 0px 2px 2px 2px;" class="filter' + filterClass + '">');
+      $.each(that.columns, function (i, column) {
+        isVisible = 'hidden';
+        html = null;
 
-        if (column.searchable) {
-          enableFilter = true;
-          isVisible = 'visible'
+        if (!column.visible) {
+          return;
         }
 
-        if (column.filter.template) {
-          html.append(column.filter.template(that, column, isVisible));
+        if (!column.filter) {
+          html = $('<div class="no-filter"></div>');
         } else {
-          var $filter = $(that.options.filterTemplate[column.filter.type.toLowerCase()](that, column, isVisible));
-
-          switch (column.filter.type) {
-            case 'input':
-              var cpLock = true;
-              $filter.off('compositionstart').on('compositionstart', function (event) {
-                cpLock = false;
-              });
-
-              $filter.off('compositionend').on('compositionend', function (event) {
-                cpLock = true;
-                var $input = $(this);
-                clearTimeout(timeoutId);
-                timeoutId = setTimeout(function () {
-                  that.onColumnSearch(event, column.field, $input.val());
-                }, that.options.searchTimeOut);
-              });
-
-              $filter.off('keyup').on('keyup', function (event) {
-                if (cpLock) {
+          var filterClass = column.filter.class ? ' ' + column.filter.class : '';
+          html = $('<div style="margin: 0px 2px 2px 2px;" class="filter' + filterClass + '">');
+
+          if (column.searchable) {
+            enableFilter = true;
+            isVisible = 'visible';
+          }
+
+          if (column.filter.template) {
+            html.append(column.filter.template(that, column, isVisible));
+          } else {
+            var $filter = $(that.options.filterTemplate[column.filter.type.toLowerCase()](that, column, isVisible));
+
+            switch (column.filter.type) {
+              case 'input':
+                var cpLock = true;
+                $filter.off('compositionstart').on('compositionstart', function (event) {
+                  cpLock = false;
+                });
+
+                $filter.off('compositionend').on('compositionend', function (event) {
+                  cpLock = true;
                   var $input = $(this);
                   clearTimeout(timeoutId);
                   timeoutId = setTimeout(function () {
                     that.onColumnSearch(event, column.field, $input.val());
                   }, that.options.searchTimeOut);
-                }
-              });
-
-              $filter.off('mouseup').on('mouseup', function (event) {
-                var $input = $(this),
-                  oldValue = $input.val();
-
-                if (oldValue === "") {
-                  return;
-                }
+                });
 
-                setTimeout(function () {
-                  var newValue = $input.val();
-
-                  if (newValue === "") {
+                $filter.off('keyup').on('keyup', function (event) {
+                  if (cpLock) {
+                    var $input = $(this);
                     clearTimeout(timeoutId);
                     timeoutId = setTimeout(function () {
-                      that.onColumnSearch(event, column.field, newValue);
+                      that.onColumnSearch(event, column.field, $input.val());
                     }, that.options.searchTimeOut);
                   }
-                }, 1);
-              });
-              break;
-            case 'select':
-              $filter.on('select2:select', function (event) {
-                that.onColumnSearch(event, column.field, $(this).val());
-              });
-
-              $filter.on("select2:unselecting", function (event) {
-                var $select2 = $(this);
-                event.preventDefault();
-                $select2.val(null).trigger('change');
-                that.searchText = undefined;
-                that.onColumnSearch(event, column.field, $select2.val());
-              });
-              break;
-          }
+                });
 
-          html.append($filter);
-        }
-      }
+                $filter.off('mouseup').on('mouseup', function (event) {
+                  var $input = $(this),
+                      oldValue = $input.val();
 
-      $.each(header.children().children(), function (i, tr) {
-        tr = $(tr);
-        if (tr.data('field') === column.field) {
-          tr.find('.fht-cell').append(html);
-          return false;
+                  if (oldValue === "") {
+                    return;
+                  }
+
+                  setTimeout(function () {
+                    var newValue = $input.val();
+
+                    if (newValue === "") {
+                      clearTimeout(timeoutId);
+                      timeoutId = setTimeout(function () {
+                        that.onColumnSearch(event, column.field, newValue);
+                      }, that.options.searchTimeOut);
+                    }
+                  }, 1);
+                });
+                break;
+              case 'select':
+                $filter.on('select2:select', function (event) {
+                  that.onColumnSearch(event, column.field, $(this).val());
+                });
+
+                $filter.on("select2:unselecting", function (event) {
+                  var $select2 = $(this);
+                  event.preventDefault();
+                  $select2.val(null).trigger('change');
+                  that.searchText = undefined;
+                  that.onColumnSearch(event, column.field, $select2.val());
+                });
+                break;
+            }
+
+            html.append($filter);
+          }
         }
+
+        $.each(header.children().children(), function (i, tr) {
+          tr = $(tr);
+          if (tr.data('field') === column.field) {
+            tr.find('.fht-cell').append(html);
+            return false;
+          }
+        });
       });
-    });
 
-    if (!enableFilter) {
-      header.find('.filter').hide();
+      if (!enableFilter) {
+        header.find('.filter').hide();
+      }
     }
-  }
-
-  function initSelect2(that) {
-    var $header = getCurrentHeader(that);
-
-    $.each(that.columns, function (idx, column) {
-      if (column.filter && column.filter.type === 'select') {
-        var $selectEle = $header.find('select[data-filter-field="' + column.field + '"]');
 
-        if ($selectEle.length > 0 && !$selectEle.data().select2) {
-          var select2Opts = {
-            placeholder: "",
-            allowClear: true,
-            data: column.filter.data,
-            dropdownParent: that.$el.closest(".bootstrap-table")
-          };
+    function initSelect2(that) {
+      var $header = getCurrentHeader(that);
 
-          $selectEle.select2(select2Opts);
+      $.each(that.columns, function (idx, column) {
+        if (column.filter && column.filter.type === 'select') {
+          var $selectEle = $header.find('select[data-filter-field="' + column.field + '"]');
+
+          if ($selectEle.length > 0 && !$selectEle.data().select2) {
+            var select2Opts = {
+              placeholder: "",
+              allowClear: true,
+              data: column.filter.data,
+              dropdownParent: that.$el.closest(".bootstrap-table")
+            };
+
+            $selectEle.select2(select2Opts);
+          }
         }
-      }
-    });
-  }
+      });
+    }
 
-  $.extend($.fn.bootstrapTable.defaults, {
-    filter: false,
-    filterValues: {},
-    filterTemplate: {
-      input: function (instance, column, isVisible) {
-        return '<input type="text" class="form-control" data-filter-field="' + column.field + '" style="width: 100%; visibility:' + isVisible + '">';
+    $.extend($.fn.bootstrapTable.defaults, {
+      filter: false,
+      filterValues: {},
+      filterTemplate: {
+        input: function input(instance, column, isVisible) {
+          return '<input type="text" class="form-control" data-filter-field="' + column.field + '" style="width: 100%; visibility:' + isVisible + '">';
+        },
+        select: function select(instance, column, isVisible) {
+          return '<select data-filter-field="' + column.field + '" style="width: 100%; visibility:' + isVisible + '"></select>';
+        }
       },
-      select: function (instance, column, isVisible) {
-        return '<select data-filter-field="' + column.field + '" style="width: 100%; visibility:' + isVisible + '"></select>';
+      onColumnSearch: function onColumnSearch(field, text) {
+        return false;
       }
-    },
-    onColumnSearch: function (field, text) {
-      return false;
-    }
-  });
-
-  $.extend($.fn.bootstrapTable.COLUMN_DEFAULTS, {
-    filter: undefined
-  });
-
-  $.extend($.fn.bootstrapTable.Constructor.EVENTS, {
-    'column-search.bs.table': 'onColumnSearch'
-  });
+    });
 
-  var BootstrapTable = $.fn.bootstrapTable.Constructor,
-    _init = BootstrapTable.prototype.init,
-    _initHeader = BootstrapTable.prototype.initHeader,
-    _initSearch = BootstrapTable.prototype.initSearch;
+    $.extend($.fn.bootstrapTable.COLUMN_DEFAULTS, {
+      filter: undefined
+    });
 
-  BootstrapTable.prototype.init = function () {
-    //Make sure that the filtercontrol option is set
-    if (this.options.filter) {
-      var that = this;
+    $.extend($.fn.bootstrapTable.Constructor.EVENTS, {
+      'column-search.bs.table': 'onColumnSearch'
+    });
 
-      if (that.options.filterTemplate) {
-        that.options.filterTemplate = $.extend({}, $.fn.bootstrapTable.defaults.filterTemplate, that.options.filterTemplate);
-      }
+    var BootstrapTable = $.fn.bootstrapTable.Constructor,
+        _init = BootstrapTable.prototype.init,
+        _initHeader = BootstrapTable.prototype.initHeader,
+        _initSearch = BootstrapTable.prototype.initSearch;
 
-      if (!$.isEmptyObject(that.options.filterValues)) {
-        that.filterColumnsPartial = that.options.filterValues;
-        that.options.filterValues = {};
-      }
+    BootstrapTable.prototype.init = function () {
+      //Make sure that the filtercontrol option is set
+      if (this.options.filter) {
+        var that = this;
 
-      this.$el.on('reset-view.bs.table', function () {
-        //Create controls on $tableHeader if the height is set
-        if (!that.options.height) {
-          return;
+        if (that.options.filterTemplate) {
+          that.options.filterTemplate = $.extend({}, $.fn.bootstrapTable.defaults.filterTemplate, that.options.filterTemplate);
         }
 
-        //Avoid recreate the controls
-        if (that.$tableHeader.find('select').length > 0 || that.$tableHeader.find('input').length > 0) {
-          return;
+        if (!$.isEmptyObject(that.options.filterValues)) {
+          that.filterColumnsPartial = that.options.filterValues;
+          that.options.filterValues = {};
         }
 
-        createFilter(that, that.$tableHeader);
-      }).on('post-header.bs.table', function () {
-        var timeoutId = 0;
+        this.$el.on('reset-view.bs.table', function () {
+          //Create controls on $tableHeader if the height is set
+          if (!that.options.height) {
+            return;
+          }
+
+          //Avoid recreate the controls
+          if (that.$tableHeader.find('select').length > 0 || that.$tableHeader.find('input').length > 0) {
+            return;
+          }
+
+          createFilter(that, that.$tableHeader);
+        }).on('post-header.bs.table', function () {
+          var timeoutId = 0;
 
-        initSelect2(that);
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(function () {
+          initSelect2(that);
+          clearTimeout(timeoutId);
+          timeoutId = setTimeout(function () {
+            initFilterValues(that);
+          }, that.options.searchTimeOut - 1000);
+        }).on('column-switch.bs.table', function (field, checked) {
           initFilterValues(that);
-        }, that.options.searchTimeOut - 1000);
-      }).on('column-switch.bs.table', function (field, checked) {
-        initFilterValues(that);
-      });
-    }
+        });
+      }
 
-    _init.apply(this, Array.prototype.slice.apply(arguments));
-  };
+      _init.apply(this, Array.prototype.slice.apply(arguments));
+    };
 
-  BootstrapTable.prototype.initHeader = function () {
-    _initHeader.apply(this, Array.prototype.slice.apply(arguments));
-    if (this.options.filter) {
-      createFilter(this, this.$header);
-    }
-  };
-
-  BootstrapTable.prototype.initSearch = function () {
-    var that = this,
-      filterValues = that.filterColumnsPartial;
-
-    // Filter for client
-    if (that.options.sidePagination === 'client') {
-      this.data = $.grep(this.data, function (row, idx) {
-        for (var field in filterValues) {
-          var column = that.columns[that.fieldsColumnsIndex[field]],
-            filterValue = filterValues[field].toLowerCase(),
-            rowValue = row[field];
-
-          rowValue = $.fn.bootstrapTable.utils.calculateObjectValue(
-            that.header,
-            that.header.formatters[$.inArray(field, that.header.fields)], [rowValue, row, idx], rowValue);
-
-          if (column.filterStrictSearch) {
-            if (!($.inArray(field, that.header.fields) !== -1 &&
-                (typeof rowValue === 'string' || typeof rowValue === 'number') &&
-                rowValue.toString().toLowerCase() === filterValue.toString().toLowerCase())) {
-              return false;
-            }
-          } else {
-            if (!($.inArray(field, that.header.fields) !== -1 &&
-                (typeof rowValue === 'string' || typeof rowValue === 'number') &&
-                (rowValue + '').toLowerCase().indexOf(filterValue) !== -1)) {
-              return false;
+    BootstrapTable.prototype.initHeader = function () {
+      _initHeader.apply(this, Array.prototype.slice.apply(arguments));
+      if (this.options.filter) {
+        createFilter(this, this.$header);
+      }
+    };
+
+    BootstrapTable.prototype.initSearch = function () {
+      var that = this,
+          filterValues = that.filterColumnsPartial;
+
+      // Filter for client
+      if (that.options.sidePagination === 'client') {
+        this.data = $.grep(this.data, function (row, idx) {
+          for (var field in filterValues) {
+            var column = that.columns[that.fieldsColumnsIndex[field]],
+                filterValue = filterValues[field].toLowerCase(),
+                rowValue = row[field];
+
+            rowValue = $.fn.bootstrapTable.utils.calculateObjectValue(that.header, that.header.formatters[$.inArray(field, that.header.fields)], [rowValue, row, idx], rowValue);
+
+            if (column.filterStrictSearch) {
+              if (!($.inArray(field, that.header.fields) !== -1 && (typeof rowValue === 'string' || typeof rowValue === 'number') && rowValue.toString().toLowerCase() === filterValue.toString().toLowerCase())) {
+                return false;
+              }
+            } else {
+              if (!($.inArray(field, that.header.fields) !== -1 && (typeof rowValue === 'string' || typeof rowValue === 'number') && (rowValue + '').toLowerCase().indexOf(filterValue) !== -1)) {
+                return false;
+              }
             }
           }
-        }
-
-        return true;
-      });
-    }
-
-    _initSearch.apply(this, Array.prototype.slice.apply(arguments));
-  };
 
-  BootstrapTable.prototype.onColumnSearch = function (event, field, value) {
-    if ($.isEmptyObject(this.filterColumnsPartial)) {
-      this.filterColumnsPartial = {};
-    }
+          return true;
+        });
+      }
 
-    if (value) {
-      this.filterColumnsPartial[field] = value;
-    } else {
-      delete this.filterColumnsPartial[field];
-    }
+      _initSearch.apply(this, Array.prototype.slice.apply(arguments));
+    };
 
-    this.options.pageNumber = 1;
-    this.onSearch(event);
-    this.trigger('column-search', field, value);
-  };
-
-  BootstrapTable.prototype.setSelect2Data = function (field, data) {
-    var that = this,
-      $header = getCurrentHeader(that),
-      $selectEle = $header.find('select[data-filter-field=\"' + field + '\"]');
-    $selectEle.empty();
-    $selectEle.select2({
-      data: data,
-      placeholder: "",
-      allowClear: true,
-      dropdownParent: that.$el.closest(".bootstrap-table")
-    });
+    BootstrapTable.prototype.onColumnSearch = function (event, field, value) {
+      if ($.isEmptyObject(this.filterColumnsPartial)) {
+        this.filterColumnsPartial = {};
+      }
 
-    $.each(this.columns, function (idx, column) {
-      if (column.field === field) {
-        column.filter.data = data;
-        return false;
+      if (value) {
+        this.filterColumnsPartial[field] = value;
+      } else {
+        delete this.filterColumnsPartial[field];
       }
-    });
-  };
 
-  BootstrapTable.prototype.setFilterValues = function (values) {
-    this.filterColumnsPartial = values;
-  };
+      this.options.pageNumber = 1;
+      this.onSearch(event);
+      this.trigger('column-search', field, value);
+    };
+
+    BootstrapTable.prototype.setSelect2Data = function (field, data) {
+      var that = this,
+          $header = getCurrentHeader(that),
+          $selectEle = $header.find('select[data-filter-field=\"' + field + '\"]');
+      $selectEle.empty();
+      $selectEle.select2({
+        data: data,
+        placeholder: "",
+        allowClear: true,
+        dropdownParent: that.$el.closest(".bootstrap-table")
+      });
+
+      $.each(this.columns, function (idx, column) {
+        if (column.field === field) {
+          column.filter.data = data;
+          return false;
+        }
+      });
+    };
 
-  $.fn.bootstrapTable.methods.push('setSelect2Data');
-  $.fn.bootstrapTable.methods.push('setFilterValues');
+    BootstrapTable.prototype.setFilterValues = function (values) {
+      this.filterColumnsPartial = values;
+    };
 
-}(jQuery);
+    $.fn.bootstrapTable.methods.push('setSelect2Data');
+    $.fn.bootstrapTable.methods.push('setFilterValues');
+  }(jQuery);
+});