UNPKG

bootstrap-table/src/bootstrap-table.js

Version:
107 kBJavaScriptView Raw
1/**
* @author zhixin wen <wenzhixin2010@gmail.com>
* version: 1.21.2
* https://github.com/wenzhixin/bootstrap-table/
*/
6
7import Constants from './constants/index.js'
8import Utils from './utils/index.js'
9import VirtualScroll from './virtual-scroll/index.js'
10
11class BootstrapTable {
constructor (el, options) {
  this.options = options
  this.$el = $(el)
  this.$el_ = this.$el.clone()
  this.timeoutId_ = 0
  this.timeoutFooter_ = 0
}
19
init () {
  this.initConstants()
  this.initLocale()
  this.initContainer()
  this.initTable()
  this.initHeader()
  this.initData()
  this.initHiddenRows()
  this.initToolbar()
  this.initPagination()
  this.initBody()
  this.initSearchText()
  this.initServer()
}
34
initConstants () {
  const opts = this.options
37
  this.constants = Constants.CONSTANTS
  this.constants.theme = $.fn.bootstrapTable.theme
  this.constants.dataToggle = this.constants.html.dataToggle || 'data-toggle'
41
  // init iconsPrefix and icons
  const iconsPrefix = Utils.getIconsPrefix($.fn.bootstrapTable.theme)
  const icons = Utils.getIcons(iconsPrefix)
45
  if (typeof opts.icons === 'string') {
    opts.icons = Utils.calculateObjectValue(null, opts.icons)
  }
49
  opts.iconsPrefix = opts.iconsPrefix || $.fn.bootstrapTable.defaults.iconsPrefix || iconsPrefix
  opts.icons = Object.assign(icons, $.fn.bootstrapTable.defaults.icons, opts.icons)
52
  // init buttons class
  const buttonsPrefix = opts.buttonsPrefix ? `${opts.buttonsPrefix}-` : ''
55
  this.constants.buttonsClass = [
    opts.buttonsPrefix,
    buttonsPrefix + opts.buttonsClass,
    Utils.sprintf(`${buttonsPrefix}%s`, opts.iconSize)
  ].join(' ').trim()
61
  this.buttons = Utils.calculateObjectValue(this, opts.buttons, [], {})
  if (typeof this.buttons !== 'object') {
    this.buttons = {}
  }
}
67
initLocale () {
  if (this.options.locale) {
    const locales = $.fn.bootstrapTable.locales
    const parts = this.options.locale.split(/-|_/)
72
    parts[0] = parts[0].toLowerCase()
    if (parts[1]) {
      parts[1] = parts[1].toUpperCase()
    }
77
    let localesToExtend = {}
79
    if (locales[this.options.locale]) {
      localesToExtend = locales[this.options.locale]
    } else if (locales[parts.join('-')]) {
      localesToExtend = locales[parts.join('-')]
    } else if (locales[parts[0]]) {
      localesToExtend = locales[parts[0]]
    }
87
    for (const [formatName, func] of Object.entries(localesToExtend)) {
      if (this.options[formatName] !== BootstrapTable.DEFAULTS[formatName]) {
        continue
      }
92
      this.options[formatName] = func
    }
  }
}
97
initContainer () {
  const topPagination = ['top', 'both'].includes(this.options.paginationVAlign) ?
    '<div class="fixed-table-pagination clearfix"></div>' : ''
  const bottomPagination = ['bottom', 'both'].includes(this.options.paginationVAlign) ?
    '<div class="fixed-table-pagination"></div>' : ''
  const loadingTemplate = Utils.calculateObjectValue(this.options,
    this.options.loadingTemplate, [this.options.formatLoadingMessage()])
105
  this.$container = $(`
    <div class="bootstrap-table ${this.constants.theme}">
    <div class="fixed-table-toolbar"></div>
    ${topPagination}
    <div class="fixed-table-container">
    <div class="fixed-table-header"><table></table></div>
    <div class="fixed-table-body">
    <div class="fixed-table-loading">
    ${loadingTemplate}
    </div>
    </div>
    <div class="fixed-table-footer"></div>
    </div>
    ${bottomPagination}
    </div>
  `)
122
  this.$container.insertAfter(this.$el)
  this.$tableContainer = this.$container.find('.fixed-table-container')
  this.$tableHeader = this.$container.find('.fixed-table-header')
  this.$tableBody = this.$container.find('.fixed-table-body')
  this.$tableLoading = this.$container.find('.fixed-table-loading')
  this.$tableFooter = this.$el.find('tfoot')
  // checking if custom table-toolbar exists or not
  if (this.options.buttonsToolbar) {
    this.$toolbar = $('body').find(this.options.buttonsToolbar)
  } else {
    this.$toolbar = this.$container.find('.fixed-table-toolbar')
  }
  this.$pagination = this.$container.find('.fixed-table-pagination')
136
  this.$tableBody.append(this.$el)
  this.$container.after('<div class="clearfix"></div>')
139
  this.$el.addClass(this.options.classes)
  this.$tableLoading.addClass(this.options.classes)
142
  if (this.options.height) {
    this.$tableContainer.addClass('fixed-height')
145
    if (this.options.showFooter) {
      this.$tableContainer.addClass('has-footer')
    }
149
    if (this.options.classes.split(' ').includes('table-bordered')) {
      this.$tableBody.append('<div class="fixed-table-border"></div>')
      this.$tableBorder = this.$tableBody.find('.fixed-table-border')
      this.$tableLoading.addClass('fixed-table-border')
    }
155
    this.$tableFooter = this.$container.find('.fixed-table-footer')
  }
}
159
initTable () {
  const columns = []
162
  this.$header = this.$el.find('>thead')
  if (!this.$header.length) {
    this.$header = $(`<thead class="${this.options.theadClasses}"></thead>`).appendTo(this.$el)
  } else if (this.options.theadClasses) {
    this.$header.addClass(this.options.theadClasses)
  }
169
  this._headerTrClasses = []
  this._headerTrStyles = []
  this.$header.find('tr').each((i, el) => {
    const $tr = $(el)
    const column = []
175
    $tr.find('th').each((i, el) => {
      const $th = $(el)
178
      // #2014: getFieldIndex and elsewhere assume this is string, causes issues if not
      if (typeof $th.data('field') !== 'undefined') {
        $th.data('field', `${$th.data('field')}`)
      }
      column.push($.extend({}, {
        title: $th.html(),
        class: $th.attr('class'),
        titleTooltip: $th.attr('title'),
        rowspan: $th.attr('rowspan') ? +$th.attr('rowspan') : undefined,
        colspan: $th.attr('colspan') ? +$th.attr('colspan') : undefined
      }, $th.data()))
    })
    columns.push(column)
192
    if ($tr.attr('class')) {
      this._headerTrClasses.push($tr.attr('class'))
    }
    if ($tr.attr('style')) {
      this._headerTrStyles.push($tr.attr('style'))
    }
  })
200
  if (!Array.isArray(this.options.columns[0])) {
    this.options.columns = [this.options.columns]
  }
204
  this.options.columns = $.extend(true, [], columns, this.options.columns)
  this.columns = []
  this.fieldsColumnsIndex = []
208
  Utils.setFieldIndex(this.options.columns)
210
  this.options.columns.forEach((columns, i) => {
    columns.forEach((_column, j) => {
      const column = $.extend({}, BootstrapTable.COLUMN_DEFAULTS, _column, { passed: _column })
214
      if (typeof column.fieldIndex !== 'undefined') {
        this.columns[column.fieldIndex] = column
        this.fieldsColumnsIndex[column.field] = column.fieldIndex
      }
219
      this.options.columns[i][j] = column
    })
  })
223
  // if options.data is setting, do not process tbody and tfoot data
  if (!this.options.data.length) {
    const htmlData = Utils.trToData(this.columns, this.$el.find('>tbody>tr'))
227
    if (htmlData.length) {
      this.options.data = htmlData
      this.fromHtml = true
    }
  }
233
  if (!(this.options.pagination && this.options.sidePagination !== 'server')) {
    this.footerData = Utils.trToData(this.columns, this.$el.find('>tfoot>tr'))
  }
237
  if (this.footerData) {
    this.$el.find('tfoot').html('<tr></tr>')
  }
241
  if (!this.options.showFooter || this.options.cardView) {
    this.$tableFooter.hide()
  } else {
    this.$tableFooter.show()
  }
}
248
initHeader () {
  const visibleColumns = {}
  const headerHtml = []
252
  this.header = {
    fields: [],
    styles: [],
    classes: [],
    formatters: [],
    detailFormatters: [],
    events: [],
    sorters: [],
    sortNames: [],
    cellStyles: [],
    searchables: []
  }
265
  Utils.updateFieldGroup(this.options.columns, this.columns)
267
  this.options.columns.forEach((columns, i) => {
    const html = []
270
    html.push(`<tr${Utils.sprintf(' class="%s"', this._headerTrClasses[i])} ${Utils.sprintf(' style="%s"', this._headerTrStyles[i])}>`)
272
    let detailViewTemplate = ''
274
    if (i === 0 && Utils.hasDetailViewIcon(this.options)) {
      const rowspan = this.options.columns.length > 1 ?
        ` rowspan="${this.options.columns.length}"` : ''
278
      detailViewTemplate = `<th class="detail"${rowspan}>
        <div class="fht-cell"></div>
        </th>`
    }
283
    if (detailViewTemplate && this.options.detailViewAlign !== 'right') {
      html.push(detailViewTemplate)
    }
287
    columns.forEach((column, j) => {
      const class_ = Utils.sprintf(' class="%s"', column['class'])
      const unitWidth = column.widthUnit
      const width = parseFloat(column.width)
292
      const columnHalign = column.halign ? column.halign : column.align
      const halign = Utils.sprintf('text-align: %s; ', columnHalign)
      const align = Utils.sprintf('text-align: %s; ', column.align)
      let style = Utils.sprintf('vertical-align: %s; ', column.valign)
297
      style += Utils.sprintf('width: %s; ', (column.checkbox || column.radio) && !width ?
        (!column.showSelectTitle ? '36px' : undefined) :
        (width ? width + unitWidth : undefined))
301
      if (typeof column.fieldIndex === 'undefined' && !column.visible) {
        return
      }
305
      const headerStyle = Utils.calculateObjectValue(null, this.options.headerStyle, [column])
      const csses = []
      let classes = ''
309
      if (headerStyle && headerStyle.css) {
        for (const [key, value] of Object.entries(headerStyle.css)) {
          csses.push(`${key}: ${value}`)
        }
      }
      if (headerStyle && headerStyle.classes) {
        classes = Utils.sprintf(' class="%s"', column['class'] ?
          [column['class'], headerStyle.classes].join(' ') : headerStyle.classes)
      }
319
      if (typeof column.fieldIndex !== 'undefined') {
        this.header.fields[column.fieldIndex] = column.field
        this.header.styles[column.fieldIndex] = align + style
        this.header.classes[column.fieldIndex] = class_
        this.header.formatters[column.fieldIndex] = column.formatter
        this.header.detailFormatters[column.fieldIndex] = column.detailFormatter
        this.header.events[column.fieldIndex] = column.events
        this.header.sorters[column.fieldIndex] = column.sorter
        this.header.sortNames[column.fieldIndex] = column.sortName
        this.header.cellStyles[column.fieldIndex] = column.cellStyle
        this.header.searchables[column.fieldIndex] = column.searchable
331
        if (!column.visible) {
          return
        }
335
        if (this.options.cardView && (!column.cardVisible)) {
          return
        }
339
        visibleColumns[column.field] = column
      }
342
      html.push(`<th${Utils.sprintf(' title="%s"', column.titleTooltip)}`,
        column.checkbox || column.radio ?
          Utils.sprintf(' class="bs-checkbox %s"', column['class'] || '') :
          classes || class_,
        Utils.sprintf(' style="%s"', halign + style + csses.join('; ')),
        Utils.sprintf(' rowspan="%s"', column.rowspan),
        Utils.sprintf(' colspan="%s"', column.colspan),
        Utils.sprintf(' data-field="%s"', column.field),
        // If `column` is not the first element of `this.options.columns[0]`, then className 'data-not-first-th' should be added.
        j === 0 && i > 0 ? ' data-not-first-th' : '',
        '>')
354
      html.push(Utils.sprintf('<div class="th-inner %s">',
        this.options.sortable && column.sortable ? `sortable${columnHalign === 'center' ? ' sortable-center' : ''} both` : ''))
357
      let text = this.options.escape ? Utils.escapeHTML(column.title) : column.title
359
      const title = text
361
      if (column.checkbox) {
        text = ''
        if (!this.options.singleSelect && this.options.checkboxHeader) {
          text = '<label><input name="btSelectAll" type="checkbox" /><span></span></label>'
        }
        this.header.stateField = column.field
      }
      if (column.radio) {
        text = ''
        this.header.stateField = column.field
      }
      if (!text && column.showSelectTitle) {
        text += title
      }
376
      html.push(text)
      html.push('</div>')
      html.push('<div class="fht-cell"></div>')
      html.push('</div>')
      html.push('</th>')
    })
383
    if (detailViewTemplate && this.options.detailViewAlign === 'right') {
      html.push(detailViewTemplate)
    }
387
    html.push('</tr>')
389
    if (html.length > 3) {
      headerHtml.push(html.join(''))
    }
  })
394
  this.$header.html(headerHtml.join(''))
  this.$header.find('th[data-field]').each((i, el) => {
    $(el).data(visibleColumns[$(el).data('field')])
  })
  this.$container.off('click', '.th-inner').on('click', '.th-inner', e => {
    const $this = $(e.currentTarget)
401
    if (this.options.detailView && !$this.parent().hasClass('bs-checkbox')) {
      if ($this.closest('.bootstrap-table')[0] !== this.$container[0]) {
        return false
      }
    }
407
    if (this.options.sortable && $this.parent().data().sortable) {
      this.onSort(e)
    }
  })
412
  const resizeEvent = Utils.getEventName('resize.bootstrap-table', this.$el.attr('id'))
414
  $(window).off(resizeEvent)
  if (!this.options.showHeader || this.options.cardView) {
    this.$header.hide()
    this.$tableHeader.hide()
    this.$tableLoading.css('top', 0)
  } else {
    this.$header.show()
    this.$tableHeader.show()
    this.$tableLoading.css('top', this.$header.outerHeight() + 1)
    // Assign the correct sortable arrow
    this.getCaret()
    $(window).on(resizeEvent, () => this.resetView())
  }
428
  this.$selectAll = this.$header.find('[name="btSelectAll"]')
  this.$selectAll.off('click').on('click', e => {
    e.stopPropagation()
    const checked = $(e.currentTarget).prop('checked')
433
    this[checked ? 'checkAll' : 'uncheckAll']()
    this.updateSelected()
  })
}
438
initData (data, type) {
  if (type === 'append') {
    this.options.data = this.options.data.concat(data)
  } else if (type === 'prepend') {
    this.options.data = [].concat(data).concat(this.options.data)
  } else {
    data = data || Utils.deepCopy(this.options.data)
    this.options.data = Array.isArray(data) ? data : data[this.options.dataField]
  }
448
  this.data = [...this.options.data]
450
  if (this.options.sortReset) {
    this.unsortedData = [...this.data]
  }
454
  if (this.options.sidePagination === 'server') {
    return
  }
  this.initSort()
}
460
initSort () {
  let name = this.options.sortName
  const order = this.options.sortOrder === 'desc' ? -1 : 1
  const index = this.header.fields.indexOf(this.options.sortName)
  let timeoutId = 0
466
  if (index !== -1) {
    if (this.options.sortStable) {
      this.data.forEach((row, i) => {
        if (!row.hasOwnProperty('_position')) {
          row._position = i
        }
      })
    }
475
    if (this.options.customSort) {
      Utils.calculateObjectValue(this.options, this.options.customSort, [
        this.options.sortName,
        this.options.sortOrder,
        this.data
      ])
    } else {
      this.data.sort((a, b) => {
        if (this.header.sortNames[index]) {
          name = this.header.sortNames[index]
        }
        const aa = Utils.getItemField(a, name, this.options.escape)
        const bb = Utils.getItemField(b, name, this.options.escape)
        const value = Utils.calculateObjectValue(this.header, this.header.sorters[index], [aa, bb, a, b])
490
        if (value !== undefined) {
          if (this.options.sortStable && value === 0) {
            return order * (a._position - b._position)
          }
          return order * value
        }
497
        return Utils.sort(aa, bb, order, this.options, a._position, b._position)
      })
    }
501
    if (this.options.sortClass !== undefined) {
      clearTimeout(timeoutId)
      timeoutId = setTimeout(() => {
        this.$el.removeClass(this.options.sortClass)
        const index = this.$header.find(`[data-field="${this.options.sortName}"]`).index()
507
        this.$el.find(`tr td:nth-child(${index + 1})`).addClass(this.options.sortClass)
      }, 250)
    }
  } else if (this.options.sortReset) {
    this.data = [...this.unsortedData]
  }
}
515
onSort ({ type, currentTarget }) {
  const $this = type === 'keypress' ? $(currentTarget) : $(currentTarget).parent()
  const $this_ = this.$header.find('th').eq($this.index())
519
  this.$header.add(this.$header_).find('span.order').remove()
521
  if (this.options.sortName === $this.data('field')) {
    const currentSortOrder = this.options.sortOrder
    const initialSortOrder = this.columns[this.fieldsColumnsIndex[$this.data('field')]].sortOrder ||
      this.columns[this.fieldsColumnsIndex[$this.data('field')]].order
526
    if (currentSortOrder === undefined) {
      this.options.sortOrder = 'asc'
    } else if (currentSortOrder === 'asc') {
      this.options.sortOrder = this.options.sortReset ? (initialSortOrder === 'asc' ? 'desc' : undefined) : 'desc'
    } else if (this.options.sortOrder === 'desc') {
      this.options.sortOrder = this.options.sortReset ? (initialSortOrder === 'desc' ? 'asc' : undefined) : 'asc'
    }
534
    if (this.options.sortOrder === undefined) {
      this.options.sortName = undefined
    }
  } else {
    this.options.sortName = $this.data('field')
    if (this.options.rememberOrder) {
      this.options.sortOrder = $this.data('order') === 'asc' ? 'desc' : 'asc'
    } else {
      this.options.sortOrder = this.columns[this.fieldsColumnsIndex[$this.data('field')]].sortOrder ||
        this.columns[this.fieldsColumnsIndex[$this.data('field')]].order
    }
  }
  this.trigger('sort', this.options.sortName, this.options.sortOrder)
548
  $this.add($this_).data('order', this.options.sortOrder)
550
  // Assign the correct sortable arrow
  this.getCaret()
553
  if (this.options.sidePagination === 'server' && this.options.serverSort) {
    this.options.pageNumber = 1
    this.initServer(this.options.silentSort)
    return
  }
559
  if (this.options.pagination && this.options.sortResetPage) {
    this.options.pageNumber = 1
    this.initPagination()
  }
564
  this.initSort()
  this.initBody()
}
568
initToolbar () {
  const opts = this.options
  let html = []
  let timeoutId = 0
  let $keepOpen
  let switchableCount = 0
575
  if (this.$toolbar.find('.bs-bars').children().length) {
    $('body').append($(opts.toolbar))
  }
  this.$toolbar.html('')
580
  if (typeof opts.toolbar === 'string' || typeof opts.toolbar === 'object') {
    $(Utils.sprintf('<div class="bs-bars %s-%s"></div>', this.constants.classes.pull, opts.toolbarAlign))
      .appendTo(this.$toolbar)
      .append($(opts.toolbar))
  }
586
  // showColumns, showToggle, showRefresh
  html = [`<div class="${[
    'columns',
    `columns-${opts.buttonsAlign}`,
    this.constants.classes.buttonsGroup,
    `${this.constants.classes.pull}-${opts.buttonsAlign}`
  ].join(' ')}">`]
594
  if (typeof opts.buttonsOrder === 'string') {
    opts.buttonsOrder = opts.buttonsOrder.replace(/\[|\]| |'/g, '').split(',')
  }
598
  this.buttons = Object.assign(this.buttons, {
    paginationSwitch: {
      text: opts.pagination ? opts.formatPaginationSwitchUp() : opts.formatPaginationSwitchDown(),
      icon: opts.pagination ? opts.icons.paginationSwitchDown : opts.icons.paginationSwitchUp,
      render: false,
      event: this.togglePagination,
      attributes: {
        'aria-label': opts.formatPaginationSwitch(),
        title: opts.formatPaginationSwitch()
      }
    },
    refresh: {
      text: opts.formatRefresh(),
      icon: opts.icons.refresh,
      render: false,
      event: this.refresh,
      attributes: {
        'aria-label': opts.formatRefresh(),
        title: opts.formatRefresh()
      }
    },
    toggle: {
      text: opts.formatToggleOn(),
      icon: opts.icons.toggleOff,
      render: false,
      event: this.toggleView,
      attributes: {
        'aria-label': opts.formatToggleOn(),
        title: opts.formatToggleOn()
      }
    },
    fullscreen: {
      text: opts.formatFullscreen(),
      icon: opts.icons.fullscreen,
      render: false,
      event: this.toggleFullscreen,
      attributes: {
        'aria-label': opts.formatFullscreen(),
        title: opts.formatFullscreen()
      }
    },
    columns: {
      render: false,
      html: (() => {
        const html = []
644
        html.push(`<div class="keep-open ${this.constants.classes.buttonsDropdown}" title="${opts.formatColumns()}">
          <button class="${this.constants.buttonsClass} dropdown-toggle" type="button" ${this.constants.dataToggle}="dropdown"
          aria-label="${opts.formatColumns()}" title="${opts.formatColumns()}">
          ${opts.showButtonIcons ? Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, opts.icons.columns) : ''}
          ${opts.showButtonText ? opts.formatColumns() : ''}
          ${this.constants.html.dropdownCaret}
          </button>
          ${this.constants.html.toolbarDropdown[0]}`)
653
        if (opts.showColumnsSearch) {
          html.push(
            Utils.sprintf(this.constants.html.toolbarDropdownItem,
              Utils.sprintf('<input type="text" class="%s" name="columnsSearch" placeholder="%s" autocomplete="off">', this.constants.classes.input, opts.formatSearch())
            )
          )
          html.push(this.constants.html.toolbarDropdownSeparator)
        }
662
        if (opts.showColumnsToggleAll) {
          const allFieldsVisible = this.getVisibleColumns().length === this.columns.filter(column => !this.isSelectionColumn(column)).length
665
          html.push(
            Utils.sprintf(this.constants.html.toolbarDropdownItem,
              Utils.sprintf('<input type="checkbox" class="toggle-all" %s> <span>%s</span>',
                allFieldsVisible ? 'checked="checked"' : '', opts.formatColumnsToggleAll())
            )
          )
672
          html.push(this.constants.html.toolbarDropdownSeparator)
        }
675
        let visibleColumns = 0
677
        this.columns.forEach(column => {
          if (column.visible) {
            visibleColumns++
          }
        })
683
        this.columns.forEach((column, i) => {
          if (this.isSelectionColumn(column)) {
            return
          }
688
          if (opts.cardView && !column.cardVisible) {
            return
          }
692
          const checked = column.visible ? ' checked="checked"' : ''
          const disabled = (visibleColumns <= opts.minimumCountColumns) && checked ? ' disabled="disabled"' : ''
695
          if (column.switchable) {
            html.push(Utils.sprintf(this.constants.html.toolbarDropdownItem,
              Utils.sprintf('<input type="checkbox" data-field="%s" value="%s"%s%s> <span>%s</span>',
                column.field, i, checked, disabled, column.title)))
            switchableCount++
          }
        })
        html.push(this.constants.html.toolbarDropdown[1], '</div>')
        return html.join('')
      })
    }
  })
708
  const buttonsHtml = {}
710
  for (const [buttonName, buttonConfig] of Object.entries(this.buttons)) {
    let buttonHtml
713
    if (buttonConfig.hasOwnProperty('html')) {
      if (typeof buttonConfig.html === 'function') {
        buttonHtml = buttonConfig.html()
      } else if (typeof buttonConfig.html === 'string') {
        buttonHtml = buttonConfig.html
      }
    } else {
      buttonHtml = `<button class="${this.constants.buttonsClass}" type="button" name="${buttonName}"`
722
      if (buttonConfig.hasOwnProperty('attributes')) {
        for (const [attributeName, value] of Object.entries(buttonConfig.attributes)) {
          buttonHtml += ` ${attributeName}="${value}"`
        }
      }
728
      buttonHtml += '>'
730
      if (opts.showButtonIcons && buttonConfig.hasOwnProperty('icon')) {
        buttonHtml += `${Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, buttonConfig.icon)} `
      }
734
      if (opts.showButtonText && buttonConfig.hasOwnProperty('text')) {
        buttonHtml += buttonConfig.text
      }
738
      buttonHtml += '</button>'
    }
741
    buttonsHtml[buttonName] = buttonHtml
    const optionName = `show${buttonName.charAt(0).toUpperCase()}${buttonName.substring(1)}`
    const showOption = opts[optionName]
745
    if ((
      !buttonConfig.hasOwnProperty('render') ||
      buttonConfig.hasOwnProperty('render') &&
      buttonConfig.render) &&
      (showOption === undefined || showOption === true)
    ) {
      opts[optionName] = true
    }
754
    if (!opts.buttonsOrder.includes(buttonName)) {
      opts.buttonsOrder.push(buttonName)
    }
  }
759
  // Adding the button html to the final toolbar html when the showOption is true
  for (const button of opts.buttonsOrder) {
    const showOption = opts[`show${button.charAt(0).toUpperCase()}${button.substring(1)}`]
763
    if (showOption) {
      html.push(buttonsHtml[button])
    }
  }
768
  html.push('</div>')
770
  // Fix #188: this.showToolbar is for extensions
  if (this.showToolbar || html.length > 2) {
    this.$toolbar.append(html.join(''))
  }
775
  for (const [buttonName, buttonConfig] of Object.entries(this.buttons)) {
    if (buttonConfig.hasOwnProperty('event')) {
      if (typeof buttonConfig.event === 'function' || typeof buttonConfig.event === 'string') {
        const event = typeof buttonConfig.event === 'string' ? window[buttonConfig.event] : buttonConfig.event
780
        this.$toolbar.find(`button[name="${buttonName}"]`)
          .off('click')
          .on('click', () => event.call(this))
        continue
      }
786
      for (const [eventType, eventFunction] of Object.entries(buttonConfig.event)) {
        const event = typeof eventFunction === 'string' ? window[eventFunction] : eventFunction
789
        this.$toolbar.find(`button[name="${buttonName}"]`)
          .off(eventType)
          .on(eventType, () => event.call(this))
      }
    }
  }
796
  if (opts.showColumns) {
    $keepOpen = this.$toolbar.find('.keep-open')
    const $checkboxes = $keepOpen.find('input[type="checkbox"]:not(".toggle-all")')
    const $toggleAll = $keepOpen.find('input[type="checkbox"].toggle-all')
801
    if (switchableCount <= opts.minimumCountColumns) {
      $keepOpen.find('input').prop('disabled', true)
    }
805
    $keepOpen.find('li, label').off('click').on('click', e => {
      e.stopImmediatePropagation()
    })
809
    $checkboxes.off('click').on('click', ({ currentTarget }) => {
      const $this = $(currentTarget)
812
      this._toggleColumn($this.val(), $this.prop('checked'), false)
      this.trigger('column-switch', $this.data('field'), $this.prop('checked'))
      $toggleAll.prop('checked', $checkboxes.filter(':checked').length === this.columns.filter(column => !this.isSelectionColumn(column)).length)
    })
817
    $toggleAll.off('click').on('click', ({ currentTarget }) => {
      this._toggleAllColumns($(currentTarget).prop('checked'))
      this.trigger('column-switch-all', $(currentTarget).prop('checked'))
    })
822
    if (opts.showColumnsSearch) {
      const $columnsSearch = $keepOpen.find('[name="columnsSearch"]')
      const $listItems = $keepOpen.find('.dropdown-item-marker')
826
      $columnsSearch.on('keyup paste change', ({ currentTarget }) => {
        const $this = $(currentTarget)
        const searchValue = $this.val().toLowerCase()
830
        $listItems.show()
        $checkboxes.each((i, el) => {
          const $checkbox = $(el)
          const $listItem = $checkbox.parents('.dropdown-item-marker')
          const text = $listItem.text().toLowerCase()
836
          if (!text.includes(searchValue)) {
            $listItem.hide()
          }
        })
      })
    }
  }
  const handleInputEvent = $searchInput => {
    const eventTriggers = 'keyup drop blur mouseup'
846
    $searchInput.off(eventTriggers).on(eventTriggers, event => {
      if (opts.searchOnEnterKey && event.keyCode !== 13) {
        return
      }
851
      if ([37, 38, 39, 40].includes(event.keyCode)) {
        return
      }
855
      clearTimeout(timeoutId) // doesn't matter if it's 0
      timeoutId = setTimeout(() => {
        this.onSearch({ currentTarget: event.currentTarget })
      }, opts.searchTimeOut)
    })
  }
862
  // Fix #4516: this.showSearchClearButton is for extensions
  if (
    (opts.search || this.showSearchClearButton) &&
    typeof opts.searchSelector !== 'string'
  ) {
    html = []
    const showSearchButton = Utils.sprintf(this.constants.html.searchButton,
      this.constants.buttonsClass,
      opts.formatSearch(),
      opts.showButtonIcons ? Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, opts.icons.search) : '',
      opts.showButtonText ? opts.formatSearch() : ''
    )
    const showSearchClearButton = Utils.sprintf(this.constants.html.searchClearButton,
      this.constants.buttonsClass,
      opts.formatClearSearch(),
      opts.showButtonIcons ? Utils.sprintf(this.constants.html.icon, opts.iconsPrefix, opts.icons.clearSearch) : '',
      opts.showButtonText ? opts.formatClearSearch() : ''
    )
    const searchInputHtml = `<input class="${this.constants.classes.input}
      ${Utils.sprintf(' %s%s', this.constants.classes.inputPrefix, opts.iconSize)}
      search-input" type="search" placeholder="${opts.formatSearch()}" autocomplete="off">`
    let searchInputFinalHtml = searchInputHtml
885
    if (opts.showSearchButton || opts.showSearchClearButton) {
      const buttonsHtml = (opts.showSearchButton ? showSearchButton : '') +
        (opts.showSearchClearButton ? showSearchClearButton : '')
889
      searchInputFinalHtml = opts.search ? Utils.sprintf(this.constants.html.inputGroup,
        searchInputHtml, buttonsHtml) : buttonsHtml
    }
893
    html.push(Utils.sprintf(`
      <div class="${this.constants.classes.pull}-${opts.searchAlign} search ${this.constants.classes.inputGroup}">
        %s
      </div>
    `, searchInputFinalHtml))
899
    this.$toolbar.append(html.join(''))
    const $searchInput = Utils.getSearchInput(this)
902
    if (opts.showSearchButton) {
      this.$toolbar.find('.search button[name=search]').off('click').on('click', () => {
        clearTimeout(timeoutId) // doesn't matter if it's 0
        timeoutId = setTimeout(() => {
          this.onSearch({ currentTarget: $searchInput })
        }, opts.searchTimeOut)
      })
910
      if (opts.searchOnEnterKey) {
        handleInputEvent($searchInput)
      }
    } else {
      handleInputEvent($searchInput)
    }
917
    if (opts.showSearchClearButton) {
      this.$toolbar.find('.search button[name=clearSearch]').click(() => {
        this.resetSearch()
      })
    }
  } else if (typeof opts.searchSelector === 'string') {
    const $searchInput = Utils.getSearchInput(this)
925
    handleInputEvent($searchInput)
  }
}
929
onSearch ({ currentTarget, firedByInitSearchText } = {}, overwriteSearchText = true) {
  if (currentTarget !== undefined && $(currentTarget).length && overwriteSearchText) {
    const text = $(currentTarget).val().trim()
933
    if (this.options.trimOnSearch && $(currentTarget).val() !== text) {
      $(currentTarget).val(text)
    }
937
    if (this.searchText === text) {
      return
    }
941
    const $searchInput = Utils.getSearchInput(this)
    const $currentTarget = currentTarget instanceof jQuery ? currentTarget : $(currentTarget)
944
    if ($currentTarget.is($searchInput) || $currentTarget.hasClass('search-input')) {
      this.searchText = text
      this.options.searchText = text
    }
  }
950
  if (!firedByInitSearchText && !this.options.cookie) {
    this.options.pageNumber = 1
  }
  this.initSearch()
  if (firedByInitSearchText) {
    if (this.options.sidePagination === 'client') {
      this.updatePagination()
    }
  } else {
    this.updatePagination()
  }
  this.trigger('search', this.searchText)
}
964
initSearch () {
  this.filterOptions = this.filterOptions || this.options.filterOptions
  if (this.options.sidePagination !== 'server') {
    if (this.options.customSearch) {
      this.data = Utils.calculateObjectValue(this.options, this.options.customSearch,
        [this.options.data, this.searchText, this.filterColumns])
971
      if (this.options.sortReset) {
        this.unsortedData = [...this.data]
      }
975
      this.initSort()
      return
    }
979
    const rawSearchText = this.searchText && (this.fromHtml ? Utils.escapeHTML(this.searchText) : this.searchText)
    let searchText = rawSearchText ? rawSearchText.toLowerCase() : ''
    const f = Utils.isEmptyObject(this.filterColumns) ? null : this.filterColumns
983
    if (this.options.searchAccentNeutralise) {
      searchText = Utils.normalizeAccent(searchText)
    }
987
    // Check filter
    if (typeof this.filterOptions.filterAlgorithm === 'function') {
      this.data = this.options.data.filter(item => this.filterOptions.filterAlgorithm.apply(null, [item, f]))
    } else if (typeof this.filterOptions.filterAlgorithm === 'string') {
      this.data = f ? this.options.data.filter(item => {
        const filterAlgorithm = this.filterOptions.filterAlgorithm
994
        if (filterAlgorithm === 'and') {
          for (const key in f) {
            if (
              (Array.isArray(f[key]) &&
                !f[key].includes(item[key])) ||
              (!Array.isArray(f[key]) &&
                item[key] !== f[key])
            ) {
              return false
            }
          }
        } else if (filterAlgorithm === 'or') {
          let match = false
1008
          for (const key in f) {
            if (
              (Array.isArray(f[key]) &&
                f[key].includes(item[key])) ||
              (!Array.isArray(f[key]) &&
                item[key] === f[key])
            ) {
              match = true
            }
          }
1019
          return match
        }
1022
        return true
      }) : [...this.options.data]
    }
1026
    const visibleFields = this.getVisibleFields()
1028
    this.data = searchText ? this.data.filter((item, i) => {
      for (let j = 0; j < this.header.fields.length; j++) {
        if (!this.header.searchables[j] || (this.options.visibleSearch && visibleFields.indexOf(this.header.fields[j]) === -1)) {
          continue
        }
1034
        const key = Utils.isNumeric(this.header.fields[j]) ? parseInt(this.header.fields[j], 10) : this.header.fields[j]
        const column = this.columns[this.fieldsColumnsIndex[key]]
        let value
1038
        if (typeof key === 'string') {
          value = item
          const props = key.split('.')
1042
          for (let i = 0; i < props.length; i++) {
            if (value[props[i]] !== null) {
              value = value[props[i]]
            } else {
              value = null
              break
            }
          }
        } else {
          value = item[key]
        }
1054
        if (this.options.searchAccentNeutralise) {
          value = Utils.normalizeAccent(value)
        }
1058
        // Fix #142: respect searchFormatter boolean
        if (column && column.searchFormatter) {
          value = Utils.calculateObjectValue(column,
            this.header.formatters[j], [value, item, i, column.field], value)
        }
1064
        if (typeof value === 'string' || typeof value === 'number') {
          if (
            this.options.strictSearch && (`${value}`).toLowerCase() === searchText ||
            (this.options.regexSearch && Utils.regexCompare(value, rawSearchText))
          ) {
            return true
          }
1072
          const largerSmallerEqualsRegex = /(?:(<=|=>|=<|>=|>|<)(?:\s+)?(-?\d+)?|(-?\d+)?(\s+)?(<=|=>|=<|>=|>|<))/gm
          const matches = largerSmallerEqualsRegex.exec(this.searchText)
          let comparisonCheck = false
1076
          if (matches) {
            const operator = matches[1] || `${matches[5]}l`
            const comparisonValue = matches[2] || matches[3]
            const int = parseInt(value, 10)
            const comparisonInt = parseInt(comparisonValue, 10)
1082
            switch (operator) {
              case '>':
              case '<l':
                comparisonCheck = int > comparisonInt
                break
              case '<':
              case '>l':
                comparisonCheck = int < comparisonInt
                break
              case '<=':
              case '=<':
              case '>=l':
              case '=>l':
                comparisonCheck = int <= comparisonInt
                break
              case '>=':
              case '=>':
              case '<=l':
              case '=<l':
                comparisonCheck = int >= comparisonInt
                break
              default:
                break
            }
          }
1108
          if (comparisonCheck || (`${value}`).toLowerCase().includes(searchText)) {
            return true
          }
        }
      }
      return false
    }) : this.data
1116
    if (this.options.sortReset) {
      this.unsortedData = [...this.data]
    }
1120
    this.initSort()
  }
}
1124
initPagination () {
  const opts = this.options
1127
  if (!opts.pagination) {
    this.$pagination.hide()
    return
  }
  this.$pagination.show()
1133
  const html = []
  let allSelected = false
  let i
  let from
  let to
  let $pageList
  let $pre
  let $next
  let $number
  const data = this.getData({ includeHiddenRows: false })
  let pageList = opts.pageList
1145
  if (typeof pageList === 'string') {
    pageList = pageList.replace(/\[|\]| /g, '').toLowerCase().split(',')
  }
1149
  pageList = pageList.map(value => {
    if (typeof value === 'string') {
      return (value.toLowerCase() === opts.formatAllRows().toLowerCase() ||
        ['all', 'unlimited'].includes(value.toLowerCase())) ? opts.formatAllRows() : +value
    }
    return value
  })
1157
  this.paginationParts = opts.paginationParts
  if (typeof this.paginationParts === 'string') {
    this.paginationParts = this.paginationParts.replace(/\[|\]| |'/g, '').split(',')
  }
1162
  if (opts.sidePagination !== 'server') {
    opts.totalRows = data.length
  }
1166
  this.totalPages = 0
  if (opts.totalRows) {
    if (opts.pageSize === opts.formatAllRows()) {
      opts.pageSize = opts.totalRows
      allSelected = true
    }
1173
    this.totalPages = ~~((opts.totalRows - 1) / opts.pageSize) + 1
1175
    opts.totalPages = this.totalPages
  }
  if (this.totalPages > 0 && opts.pageNumber > this.totalPages) {
    opts.pageNumber = this.totalPages
  }
1181
  this.pageFrom = (opts.pageNumber - 1) * opts.pageSize + 1
  this.pageTo = opts.pageNumber * opts.pageSize
  if (this.pageTo > opts.totalRows) {
    this.pageTo = opts.totalRows
  }
1187
  if (this.options.pagination && this.options.sidePagination !== 'server') {
    this.options.totalNotFiltered = this.options.data.length
  }
1191
  if (!this.options.showExtendedPagination) {
    this.options.totalNotFiltered = undefined
  }
1195
  if (this.paginationParts.includes('pageInfo') || this.paginationParts.includes('pageInfoShort') || this.paginationParts.includes('pageSize')) {
    html.push(`<div class="${this.constants.classes.pull}-${opts.paginationDetailHAlign} pagination-detail">`)
  }
1199
  if (this.paginationParts.includes('pageInfo') || this.paginationParts.includes('pageInfoShort')) {
    const paginationInfo = this.paginationParts.includes('pageInfoShort') ? opts.formatDetailPagination(opts.totalRows) : opts.formatShowingRows(this.pageFrom, this.pageTo, opts.totalRows, opts.totalNotFiltered)
1202
    html.push(`<span class="pagination-info">
    ${paginationInfo}
    </span>`)
  }
1207
  if (this.paginationParts.includes('pageSize')) {
    html.push('<div class="page-list">')
1210
    const pageNumber = [
      `<div class="${this.constants.classes.paginationDropdown}">
      <button class="${this.constants.buttonsClass} dropdown-toggle" type="button" ${this.constants.dataToggle}="dropdown">
      <span class="page-size">
      ${allSelected ? opts.formatAllRows() : opts.pageSize}
      </span>
      ${this.constants.html.dropdownCaret}
      </button>
      ${this.constants.html.pageDropdown[0]}`
    ]
1221
    pageList.forEach((page, i) => {
      if (!opts.smartDisplay || i === 0 || pageList[i - 1] < opts.totalRows || page === opts.formatAllRows()) {
        let active
1225
        if (allSelected) {
          active = page === opts.formatAllRows() ? this.constants.classes.dropdownActive : ''
        } else {
          active = page === opts.pageSize ? this.constants.classes.dropdownActive : ''
        }
        pageNumber.push(Utils.sprintf(this.constants.html.pageDropdownItem, active, page))
      }
    })
    pageNumber.push(`${this.constants.html.pageDropdown[1]}</div>`)
1235
    html.push(opts.formatRecordsPerPage(pageNumber.join('')))
  }
1238
  if (this.paginationParts.includes('pageInfo') || this.paginationParts.includes('pageInfoShort') || this.paginationParts.includes('pageSize')) {
    html.push('</div></div>')
  }
1242
  if (this.paginationParts.includes('pageList')) {
    html.push(`<div class="${this.constants.classes.pull}-${opts.paginationHAlign} pagination">`,
      Utils.sprintf(this.constants.html.pagination[0], Utils.sprintf(' pagination-%s', opts.iconSize)),
      Utils.sprintf(this.constants.html.paginationItem, ' page-pre', opts.formatSRPaginationPreText(), opts.paginationPreText))
1247
    if (this.totalPages < opts.paginationSuccessivelySize) {
      from = 1
      to = this.totalPages
    } else {
      from = opts.pageNumber - opts.paginationPagesBySide
      to = from + (opts.paginationPagesBySide * 2)
    }
1255
    if (opts.pageNumber < (opts.paginationSuccessivelySize - 1)) {
      to = opts.paginationSuccessivelySize
    }
1259
    if (opts.paginationSuccessivelySize > this.totalPages - from) {
      from = from - (opts.paginationSuccessivelySize - (this.totalPages - from)) + 1
    }
1263
    if (from < 1) {
      from = 1
    }
1267
    if (to > this.totalPages) {
      to = this.totalPages
    }
1271
    const middleSize = Math.round(opts.paginationPagesBySide / 2)
    const pageItem = (i, classes = '') => Utils.sprintf(this.constants.html.paginationItem,
      classes + (i === opts.pageNumber ? ` ${this.constants.classes.paginationActive}` : ''), opts.formatSRPaginationPageText(i), i)
1275
    if (from > 1) {
      let max = opts.paginationPagesBySide
1278
      if (max >= from) max = from - 1
      for (i = 1; i <= max; i++) {
        html.push(pageItem(i))
      }
      if ((from - 1) === max + 1) {
        i = from - 1
        html.push(pageItem(i))
      } else if ((from - 1) > max) {
        if (
          (from - opts.paginationPagesBySide * 2) > opts.paginationPagesBySide &&
            opts.paginationUseIntermediate
        ) {
          i = Math.round(((from - middleSize) / 2) + middleSize)
          html.push(pageItem(i, ' page-intermediate'))
        } else {
          html.push(Utils.sprintf(this.constants.html.paginationItem,
            ' page-first-separator disabled', '', '...'))
        }
      }
    }
1299
    for (i = from; i <= to; i++) {
      html.push(pageItem(i))
    }
1303
    if (this.totalPages > to) {
      let min = this.totalPages - (opts.paginationPagesBySide - 1)
1306
      if (to >= min) min = to + 1
      if ((to + 1) === min - 1) {
        i = to + 1
        html.push(pageItem(i))
      } else if (min > (to + 1)) {
        if (
          (this.totalPages - to) > opts.paginationPagesBySide * 2 &&
            opts.paginationUseIntermediate
        ) {
          i = Math.round(((this.totalPages - middleSize - to) / 2) + to)
          html.push(pageItem(i, ' page-intermediate'))
        } else {
          html.push(Utils.sprintf(this.constants.html.paginationItem,
            ' page-last-separator disabled', '', '...'))
        }
      }
1323
      for (i = min; i <= this.totalPages; i++) {
        html.push(pageItem(i))
      }
    }
1328
    html.push(Utils.sprintf(this.constants.html.paginationItem, ' page-next', opts.formatSRPaginationNextText(), opts.paginationNextText))
    html.push(this.constants.html.pagination[1], '</div>')
  }
  this.$pagination.html(html.join(''))
1333
  const dropupClass = ['bottom', 'both'].includes(opts.paginationVAlign) ?
    ` ${this.constants.classes.dropup}` : ''
1336
  this.$pagination.last().find('.page-list > div').addClass(dropupClass)
1338
  if (!opts.onlyInfoPagination) {
    $pageList = this.$pagination.find('.page-list a')
    $pre = this.$pagination.find('.page-pre')
    $next = this.$pagination.find('.page-next')
    $number = this.$pagination.find('.page-item').not('.page-next, .page-pre, .page-last-separator, .page-first-separator')
1344
    if (this.totalPages <= 1) {
      this.$pagination.find('div.pagination').hide()
    }
1348
    if (opts.smartDisplay) {
      if (pageList.length < 2 || opts.totalRows <= pageList[0]) {
        this.$pagination.find('div.page-list').hide()
      }
    }
1354
    // when data is empty, hide the pagination
    this.$pagination[this.getData().length ? 'show' : 'hide']()
1357
    if (!opts.paginationLoop) {
      if (opts.pageNumber === 1) {
        $pre.addClass('disabled')
      }
      if (opts.pageNumber === this.totalPages) {
        $next.addClass('disabled')
      }
    }
1366
    if (allSelected) {
      opts.pageSize = opts.formatAllRows()
    }
    // removed the events for last and first, onPageNumber executeds the same logic
    $pageList.off('click').on('click', e => this.onPageListChange(e))
    $pre.off('click').on('click', e => this.onPagePre(e))
    $next.off('click').on('click', e => this.onPageNext(e))
    $number.off('click').on('click', e => this.onPageNumber(e))
  }
}
1377
updatePagination (event) {
  // Fix #171: IE disabled button can be clicked bug.
  if (event && $(event.currentTarget).hasClass('disabled')) {
    return
  }
1383
  if (!this.options.maintainMetaData) {
    this.resetRows()
  }
1387
  this.initPagination()
1389
  this.trigger('page-change', this.options.pageNumber, this.options.pageSize)
1391
  if (this.options.sidePagination === 'server') {
    this.initServer()
  } else {
    this.initBody()
  }
}
1398
onPageListChange (event) {
  event.preventDefault()
  const $this = $(event.currentTarget)
1402
  $this.parent().addClass(this.constants.classes.dropdownActive)
    .siblings().removeClass(this.constants.classes.dropdownActive)
  this.options.pageSize = $this.text().toUpperCase() === this.options.formatAllRows().toUpperCase() ?
    this.options.formatAllRows() : +$this.text()
  this.$toolbar.find('.page-size').text(this.options.pageSize)
1408
  this.updatePagination(event)
  return false
}
1412
onPagePre (event) {
  if ($(event.target).hasClass('disabled')) {
    return
  }
  event.preventDefault()
  if ((this.options.pageNumber - 1) === 0) {
    this.options.pageNumber = this.options.totalPages
  } else {
    this.options.pageNumber--
  }
  this.updatePagination(event)
  return false
}
1426
onPageNext (event) {
  if ($(event.target).hasClass('disabled')) {
    return
  }
  event.preventDefault()
  if ((this.options.pageNumber + 1) > this.options.totalPages) {
    this.options.pageNumber = 1
  } else {
    this.options.pageNumber++
  }
  this.updatePagination(event)
  return false
}
1440
onPageNumber (event) {
  event.preventDefault()
  if (this.options.pageNumber === +$(event.currentTarget).text()) {
    return
  }
  this.options.pageNumber = +$(event.currentTarget).text()
  this.updatePagination(event)
  return false
}
1450
// eslint-disable-next-line no-unused-vars
initRow (item, i, data, trFragments) {
  const html = []
  let style = {}
  const csses = []
  let data_ = ''
  let attributes = {}
  const htmlAttributes = []
1459
  if (Utils.findIndex(this.hiddenRows, item) > -1) {
    return
  }
1463
  style = Utils.calculateObjectValue(this.options, this.options.rowStyle, [item, i], style)
1465
  if (style && style.css) {
    for (const [key, value] of Object.entries(style.css)) {
      csses.push(`${key}: ${value}`)
    }
  }
1471
  attributes = Utils.calculateObjectValue(this.options,
    this.options.rowAttributes, [item, i], attributes)
1474
  if (attributes) {
    for (const [key, value] of Object.entries(attributes)) {
      htmlAttributes.push(`${key}="${Utils.escapeHTML(value)}"`)
    }
  }
1480
  if (item._data && !Utils.isEmptyObject(item._data)) {
    for (const [k, v] of Object.entries(item._data)) {
      // ignore data-index
      if (k === 'index') {
        return
      }
      data_ += ` data-${k}='${typeof v === 'object' ? JSON.stringify(v) : v}'`
    }
  }
1490
  html.push('<tr',
    Utils.sprintf(' %s', htmlAttributes.length ? htmlAttributes.join(' ') : undefined),
    Utils.sprintf(' id="%s"', Array.isArray(item) ? undefined : item._id),
    Utils.sprintf(' class="%s"', style.classes || (Array.isArray(item) ? undefined : item._class)),
    Utils.sprintf(' style="%s"', Array.isArray(item) ? undefined : item._style),
    ` data-index="${i}"`,
    Utils.sprintf(' data-uniqueid="%s"', Utils.getItemField(item, this.options.uniqueId, false)),
    Utils.sprintf(' data-has-detail-view="%s"', (this.options.detailView && Utils.calculateObjectValue(null, this.options.detailFilter, [i, item])) ? 'true' : undefined),
    Utils.sprintf('%s', data_),
    '>'
  )
1502
  if (this.options.cardView) {
    html.push(`<td colspan="${this.header.fields.length}"><div class="card-views">`)
  }
1506
  let detailViewTemplate = ''
1508
  if (Utils.hasDetailViewIcon(this.options)) {
    detailViewTemplate = '<td>'
1511
    if (Utils.calculateObjectValue(null, this.options.detailFilter, [i, item])) {
      detailViewTemplate += `
        <a class="detail-icon" href="#">
        ${Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, this.options.icons.detailOpen)}
        </a>
      `
    }
1519
    detailViewTemplate += '</td>'
  }
1522
  if (detailViewTemplate && this.options.detailViewAlign !== 'right') {
    html.push(detailViewTemplate)
  }
1526
  this.header.fields.forEach((field, j) => {
    const column = this.columns[j]
    let text = ''
    const value_ = Utils.getItemField(item, field, this.options.escape, column.escape)
    let value = ''
    let type = ''
    let cellStyle = {}
    let id_ = ''
    let class_ = this.header.classes[j]
    let style_ = ''
    let styleToAdd_ = ''
    let data_ = ''
    let rowspan_ = ''
    let colspan_ = ''
    let title_ = ''
1542
    if ((this.fromHtml || this.autoMergeCells) && typeof value_ === 'undefined') {
      if ((!column.checkbox) && (!column.radio)) {
        return
      }
    }
1548
    if (!column.visible) {
      return
    }
1552
    if (this.options.cardView && (!column.cardVisible)) {
      return
    }
1556
    // Style concat
    if (csses.concat([this.header.styles[j]]).length) {
      styleToAdd_ += `${csses.concat([this.header.styles[j]]).join('; ')}`
    }
    if (item[`_${field}_style`]) {
      styleToAdd_ += `${item[`_${field}_style`]}`
    }
1564
    if (styleToAdd_) {
      style_ = ` style="${styleToAdd_}"`
    }
    // Style concat
1569
    // handle id and class of td
    if (item[`_${field}_id`]) {
      id_ = Utils.sprintf(' id="%s"', item[`_${field}_id`])
    }
    if (item[`_${field}_class`]) {
      class_ = Utils.sprintf(' class="%s"', item[`_${field}_class`])
    }
    if (item[`_${field}_rowspan`]) {
      rowspan_ = Utils.sprintf(' rowspan="%s"', item[`_${field}_rowspan`])
    }
    if (item[`_${field}_colspan`]) {
      colspan_ = Utils.sprintf(' colspan="%s"', item[`_${field}_colspan`])
    }
    if (item[`_${field}_title`]) {
      title_ = Utils.sprintf(' title="%s"', item[`_${field}_title`])
    }
    cellStyle = Utils.calculateObjectValue(this.header,
      this.header.cellStyles[j], [value_, item, i, field], cellStyle)
    if (cellStyle.classes) {
      class_ = ` class="${cellStyle.classes}"`
    }
    if (cellStyle.css) {
      const csses_ = []
1593
      for (const [key, value] of Object.entries(cellStyle.css)) {
        csses_.push(`${key}: ${value}`)
      }
      style_ = ` style="${csses_.concat(this.header.styles[j]).join('; ')}"`
    }
1599
    value = Utils.calculateObjectValue(column,
      this.header.formatters[j], [value_, item, i, field], value_)
1602
    if (!(column.checkbox || column.radio)) {
      value = typeof value === 'undefined' || value === null ?
        this.options.undefinedText : value
    }
1607
    if (column.searchable && this.searchText && this.options.searchHighlight && !(column.checkbox || column.radio)) {
      let defValue = ''
      let searchText = this.searchText.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
1611
      if (this.options.searchAccentNeutralise) {
        const indexRegex = new RegExp(`${Utils.normalizeAccent(searchText)}`, 'gmi')
        const match = indexRegex.exec(Utils.normalizeAccent(value))
1615
        if (match) {
          searchText = value.substring(match.index, match.index + searchText.length)
        }
      }
1620
      const regExp = new RegExp(`(${searchText})`, 'gim')
      const marker = '<mark>$1</mark>'
      const isHTML = value && /<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i.test(value)
1624
      if (isHTML) {
        // value can contains a HTML tags
        let textContent = new DOMParser().parseFromString(value.toString(), 'text/html').documentElement.textContent
        const textReplaced = textContent.replace(regExp, marker)
1629
        textContent = textContent.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
        defValue = value.replace(new RegExp(`(>\\s*)(${textContent})(\\s*)`, 'gm'), `$1${textReplaced}$3`)
      } else {
        // but usually not
        defValue = value.toString().replace(regExp, marker)
      }
      value = Utils.calculateObjectValue(column, column.searchHighlightFormatter, [value, this.searchText], defValue)
    }
1638
    if (item[`_${field}_data`] && !Utils.isEmptyObject(item[`_${field}_data`])) {
      for (const [k, v] of Object.entries(item[`_${field}_data`])) {
        // ignore data-index
        if (k === 'index') {
          return
        }
        data_ += ` data-${k}="${v}"`
      }
    }
1648
    if (column.checkbox || column.radio) {
      type = column.checkbox ? 'checkbox' : type
      type = column.radio ? 'radio' : type
1652
      const c = column['class'] || ''
      const isChecked = Utils.isObject(value) && value.hasOwnProperty('checked') ?
        value.checked : (value === true || value_) && value !== false
      const isDisabled = !column.checkboxEnabled || (value && value.disabled)
1657
      text = [
        this.options.cardView ?
          `<div class="card-view ${c}">` :
          `<td class="bs-checkbox ${c}"${class_}${style_}>`,
        `<label>
          <input
          data-index="${i}"
          name="${this.options.selectItemName}"
          type="${type}"
          ${Utils.sprintf('value="%s"', item[this.options.idField])}
          ${Utils.sprintf('checked="%s"', isChecked ? 'checked' : undefined)}
          ${Utils.sprintf('disabled="%s"', isDisabled ? 'disabled' : undefined)} />
          <span></span>
          </label>`,
        this.header.formatters[j] && typeof value === 'string' ? value : '',
        this.options.cardView ? '</div>' : '</td>'
      ].join('')
1675
      item[this.header.stateField] = value === true || (!!value_ || (value && value.checked))
    } else if (this.options.cardView) {
      const cardTitle = this.options.showHeader ?
        `<span class="card-view-title ${cellStyle.classes || ''}"${style_}>${Utils.getFieldTitle(this.columns, field)}</span>` : ''
1680
      text = `<div class="card-view">${cardTitle}<span class="card-view-value ${cellStyle.classes || ''}"${style_}>${value}</span></div>`
1682
      if (this.options.smartDisplay && value === '') {
        text = '<div class="card-view"></div>'
      }
    } else {
      text = `<td${id_}${class_}${style_}${data_}${rowspan_}${colspan_}${title_}>${value}</td>`
    }
1689
    html.push(text)
  })
1692
  if (detailViewTemplate && this.options.detailViewAlign === 'right') {
    html.push(detailViewTemplate)
  }
1696
  if (this.options.cardView) {
    html.push('</div></td>')
  }
  html.push('</tr>')
1701
  return html.join('')
}
1704
initBody (fixedScroll, updatedUid) {
  const data = this.getData()
1707
  this.trigger('pre-body', data)
1709
  this.$body = this.$el.find('>tbody')
  if (!this.$body.length) {
    this.$body = $('<tbody></tbody>').appendTo(this.$el)
  }
1714
  // Fix #389 Bootstrap-table-flatJSON is not working
  if (!this.options.pagination || this.options.sidePagination === 'server') {
    this.pageFrom = 1
    this.pageTo = data.length
  }
1720
  const rows = []
  const trFragments = $(document.createDocumentFragment())
  let hasTr = false
  const toExpand = []
1725
  this.autoMergeCells = Utils.checkAutoMergeCells(data.slice(this.pageFrom - 1, this.pageTo))
1727
  for (let i = this.pageFrom - 1; i < this.pageTo; i++) {
    const item = data[i]
    let tr = this.initRow(item, i, data, trFragments)
1731
    hasTr = hasTr || !!tr
    if (tr && typeof tr === 'string') {
1734
      const uniqueId = this.options.uniqueId
1736
      if (uniqueId && item.hasOwnProperty(uniqueId)) {
        const itemUniqueId = item[uniqueId]
1739
        const oldTr = this.$body.find(Utils.sprintf('> tr[data-uniqueid="%s"][data-has-detail-view]', itemUniqueId))
        const oldTrNext = oldTr.next()
1742
        if (oldTrNext.is('tr.detail-view')) {
1744
          toExpand.push(i)
1746
          if (!updatedUid || itemUniqueId !== updatedUid) {
            tr += oldTrNext[0].outerHTML
          }
        }
      }
1752
      if (!this.options.virtualScroll) {
        trFragments.append(tr)
      } else {
        rows.push(tr)
      }
    }
  }
1760
  // show no records
  if (!hasTr) {
    this.$body.html(`<tr class="no-records-found">${Utils.sprintf('<td colspan="%s">%s</td>',
      this.getVisibleFields().length + Utils.getDetailViewIndexOffset(this.options),
      this.options.formatNoMatches())}</tr>`)
  } else if (!this.options.virtualScroll) {
    this.$body.html(trFragments)
  } else {
    if (this.virtualScroll) {
      this.virtualScroll.destroy()
    }
    this.virtualScroll = new VirtualScroll({
      rows,
      fixedScroll,
      scrollEl: this.$tableBody[0],
      contentEl: this.$body[0],
      itemHeight: this.options.virtualScrollItemHeight,
      callback: (startIndex, endIndex) => {
        this.fitHeader()
        this.initBodyEvent()
        this.trigger('virtual-scroll', startIndex, endIndex)
      }
    })
  }
1785
  toExpand.forEach(index => { this.expandRow(index) })
1787
  if (!fixedScroll) {
    this.scrollTo(0)
  }
1791
  this.initBodyEvent()
  this.initFooter()
  this.resetView()
  this.updateSelected()
1796
  if (this.options.sidePagination !== 'server') {
    this.options.totalRows = data.length
  }
1800
  this.trigger('post-body', data)
}
1803
initBodyEvent () {
  // click to select by column
  this.$body.find('> tr[data-index] > td').off('click dblclick').on('click dblclick', e => {
    const $td = $(e.currentTarget)
1808
    if (
      $td.find('.detail-icon').length ||
      $td.index() - Utils.getDetailViewIndexOffset(this.options) < 0
    ) {
      return
    }
1815
    const $tr = $td.parent()
    const $cardViewArr = $(e.target).parents('.card-views').children()
    const $cardViewTarget = $(e.target).parents('.card-view')
    const rowIndex = $tr.data('index')
    const item = this.data[rowIndex]
    const index = this.options.cardView ? $cardViewArr.index($cardViewTarget) : $td[0].cellIndex
    const fields = this.getVisibleFields()
    const field = fields[index - Utils.getDetailViewIndexOffset(this.options)]
    const column = this.columns[this.fieldsColumnsIndex[field]]
    const value = Utils.getItemField(item, field, this.options.escape, column.escape)
1826
    this.trigger(e.type === 'click' ? 'click-cell' : 'dbl-click-cell', field, value, item, $td)
    this.trigger(e.type === 'click' ? 'click-row' : 'dbl-click-row', item, $tr, field)
1829
    // if click to select - then trigger the checkbox/radio click
    if (
      e.type === 'click' &&
      this.options.clickToSelect &&
      column.clickToSelect &&
      !Utils.calculateObjectValue(this.options, this.options.ignoreClickToSelectOn, [e.target])
    ) {
      const $selectItem = $tr.find(Utils.sprintf('[name="%s"]', this.options.selectItemName))
1838
      if ($selectItem.length) {
        $selectItem[0].click()
      }
    }
1843
    if (e.type === 'click' && this.options.detailViewByClick) {
      this.toggleDetailView(rowIndex, this.header.detailFormatters[this.fieldsColumnsIndex[field]])
    }
  }).off('mousedown').on('mousedown', e => {
    // https://github.com/jquery/jquery/issues/1741
    this.multipleSelectRowCtrlKey = e.ctrlKey || e.metaKey
    this.multipleSelectRowShiftKey = e.shiftKey
  })
1852
  this.$body.find('> tr[data-index] > td > .detail-icon').off('click').on('click', e => {
    e.preventDefault()
    this.toggleDetailView($(e.currentTarget).parent().parent().data('index'))
    return false
  })
1858
  this.$selectItem = this.$body.find(Utils.sprintf('[name="%s"]', this.options.selectItemName))
  this.$selectItem.off('click').on('click', e => {
    e.stopImmediatePropagation()
1862
    const $this = $(e.currentTarget)
1864
    this._toggleCheck($this.prop('checked'), $this.data('index'))
  })
1867
  this.header.events.forEach((_events, i) => {
    let events = _events
1870
    if (!events) {
      return
    }
    // fix bug, if events is defined with namespace
    if (typeof events === 'string') {
      events = Utils.calculateObjectValue(null, events)
    }
1878
    if (!events) {
      throw new Error(`Unknown event in the scope: ${_events}`)
    }
1882
    const field = this.header.fields[i]
    let fieldIndex = this.getVisibleFields().indexOf(field)
1885
    if (fieldIndex === -1) {
      return
    }
1889
    fieldIndex += Utils.getDetailViewIndexOffset(this.options)
1891
    for (const key in events) {
      if (!events.hasOwnProperty(key)) {
        continue
      }
      const event = events[key]
1897
      this.$body.find('>tr:not(.no-records-found)').each((i, tr) => {
        const $tr = $(tr)
        const $td = $tr.find(this.options.cardView ? '.card-views>.card-view' : '>td').eq(fieldIndex)
        const index = key.indexOf(' ')
        const name = key.substring(0, index)
        const el = key.substring(index + 1)
1904
        $td.find(el).off(name).on(name, e => {
          const index = $tr.data('index')
          const row = this.data[index]
          const value = row[field]
1909
          event.apply(this, [e, value, row, index])
        })
      })
    }
  })
}
1916
initServer (silent, query, url) {
  let data = {}
  const index = this.header.fields.indexOf(this.options.sortName)
1920
  let params = {
    searchText: this.searchText,
    sortName: this.options.sortName,
    sortOrder: this.options.sortOrder
  }
1926
  if (this.header.sortNames[index]) {
    params.sortName = this.header.sortNames[index]
  }
1930
  if (this.options.pagination && this.options.sidePagination === 'server') {
    params.pageSize = this.options.pageSize === this.options.formatAllRows() ?
      this.options.totalRows : this.options.pageSize
    params.pageNumber = this.options.pageNumber
  }
1936
  if (!(url || this.options.url) && !this.options.ajax) {
    return
  }
1940
  if (this.options.queryParamsType === 'limit') {
    params = {
      search: params.searchText,
      sort: params.sortName,
      order: params.sortOrder
    }
1947
    if (this.options.pagination && this.options.sidePagination === 'server') {
      params.offset = this.options.pageSize === this.options.formatAllRows() ?
        0 : this.options.pageSize * (this.options.pageNumber - 1)
      params.limit = this.options.pageSize
      if (params.limit === 0 || this.options.pageSize === this.options.formatAllRows()) {
        delete params.limit
      }
    }
  }
1957
  if (
    this.options.search &&
    this.options.sidePagination === 'server' &&
    this.columns.filter(column => !column.searchable).length
  ) {
    params.searchable = []
1964
    for (const column of this.columns) {
      if (
        !column.checkbox &&
        column.searchable &&
        (
          this.options.visibleSearch &&
          column.visible ||
          !this.options.visibleSearch
        )
      ) {
        params.searchable.push(column.field)
      }
    }
  }
1979
  if (!(Utils.isEmptyObject(this.filterColumnsPartial))) {
    params.filter = JSON.stringify(this.filterColumnsPartial, null)
  }
1983
  $.extend(params, query || {})
1985
  data = Utils.calculateObjectValue(this.options, this.options.queryParams, [params], data)
1987
  // false to stop request
  if (data === false) {
    return
  }
1992
  if (!silent) {
    this.showLoading()
  }
  const request = $.extend({}, Utils.calculateObjectValue(null, this.options.ajaxOptions), {
    type: this.options.method,
    url: url || this.options.url,
    data: this.options.contentType === 'application/json' && this.options.method === 'post' ?
      JSON.stringify(data) : data,
    cache: this.options.cache,
    contentType: this.options.contentType,
    dataType: this.options.dataType,
    success: (_res, textStatus, jqXHR) => {
      const res = Utils.calculateObjectValue(this.options,
        this.options.responseHandler, [_res, jqXHR], _res)
2007
      this.load(res)
      this.trigger('load-success', res, jqXHR && jqXHR.status, jqXHR)
      if (!silent) {
        this.hideLoading()
      }
2013
      if (
        this.options.sidePagination === 'server' &&
        this.options.pageNumber > 1 &&
        res[this.options.totalField] > 0 &&
        !res[this.options.dataField].length
      ) {
        this.updatePagination()
      }
    },
    error: jqXHR => {
      // abort ajax by multiple request
      if (jqXHR && jqXHR.status === 0 && this._xhrAbort) {
        this._xhrAbort = false
        return
      }
2029
      let data = []
2031
      if (this.options.sidePagination === 'server') {
        data = {}
        data[this.options.totalField] = 0
        data[this.options.dataField] = []
      }
      this.load(data)
      this.trigger('load-error', jqXHR && jqXHR.status, jqXHR)
      if (!silent) {
        this.hideLoading()
      }
    }
  })
2044
  if (this.options.ajax) {
    Utils.calculateObjectValue(this, this.options.ajax, [request], null)
  } else {
    if (this._xhr && this._xhr.readyState !== 4) {
      this._xhrAbort = true
      this._xhr.abort()
    }
    this._xhr = $.ajax(request)
  }
2054
  return data
}
2057
initSearchText () {
  if (this.options.search) {
    this.searchText = ''
    if (this.options.searchText !== '') {
      const $search = Utils.getSearchInput(this)
2063
      $search.val(this.options.searchText)
      this.onSearch({ currentTarget: $search, firedByInitSearchText: true })
    }
  }
}
2069
getCaret () {
  this.$header.find('th').each((i, th) => {
    $(th).find('.sortable').removeClass('desc asc')
      .addClass($(th).data('field') === this.options.sortName ?
        this.options.sortOrder : 'both')
  })
}
2077
updateSelected () {
  const checkAll = this.$selectItem.filter(':enabled').length &&
    this.$selectItem.filter(':enabled').length ===
    this.$selectItem.filter(':enabled').filter(':checked').length
2082
  this.$selectAll.add(this.$selectAll_).prop('checked', checkAll)
2084
  this.$selectItem.each((i, el) => {
    $(el).closest('tr')[$(el).prop('checked') ? 'addClass' : 'removeClass']('selected')
  })
}
2089
updateRows () {
  this.$selectItem.each((i, el) => {
    this.data[$(el).data('index')][this.header.stateField] = $(el).prop('checked')
  })
}
2095
resetRows () {
  for (const row of this.data) {
    this.$selectAll.prop('checked', false)
    this.$selectItem.prop('checked', false)
    if (this.header.stateField) {
      row[this.header.stateField] = false
    }
  }
  this.initHiddenRows()
}
2106
trigger (_name, ...args) {
  const name = `${_name}.bs.table`
2109
  this.options[BootstrapTable.EVENTS[name]](...[...args, this])
  this.$el.trigger($.Event(name, { sender: this }), args)
2112
  this.options.onAll(name, ...[...args, this])
  this.$el.trigger($.Event('all.bs.table', { sender: this }), [name, args])
}
2116
resetHeader () {
  // fix #61: the hidden table reset header bug.
  // fix bug: get $el.css('width') error sometime (height = 500)
  clearTimeout(this.timeoutId_)
  this.timeoutId_ = setTimeout(() => this.fitHeader(), this.$el.is(':hidden') ? 100 : 0)
}
2123
fitHeader () {
  if (this.$el.is(':hidden')) {
    this.timeoutId_ = setTimeout(() => this.fitHeader(), 100)
    return
  }
2129
  const fixedBody = this.$tableBody.get(0)
  const scrollWidth = this.hasScrollBar &&
  fixedBody.scrollHeight > fixedBody.clientHeight + this.$header.outerHeight() ?
    Utils.getScrollBarWidth() : 0
2134
  this.$el.css('margin-top', -this.$header.outerHeight())
2136
  const focused = $(':focus')
2138
  if (focused.length > 0) {
    const $th = focused.parents('th')
2141
    if ($th.length > 0) {
      const dataField = $th.attr('data-field')
2144
      if (dataField !== undefined) {
        const $headerTh = this.$header.find(`[data-field='${dataField}']`)
2147
        if ($headerTh.length > 0) {
          $headerTh.find(':input').addClass('focus-temp')
        }
      }
    }
  }
2154
  this.$header_ = this.$header.clone(true, true)
  this.$selectAll_ = this.$header_.find('[name="btSelectAll"]')
  this.$tableHeader
    .css('margin-right', scrollWidth)
    .find('table').css('width', this.$el.outerWidth())
    .html('').attr('class', this.$el.attr('class'))
    .append(this.$header_)
2162
  this.$tableLoading.css('width', this.$el.outerWidth())
2164
  const focusedTemp = $('.focus-temp:visible:eq(0)')
2166
  if (focusedTemp.length > 0) {
    focusedTemp.focus()
    this.$header.find('.focus-temp').removeClass('focus-temp')
  }
2171
  // fix bug: $.data() is not working as expected after $.append()
  this.$header.find('th[data-field]').each((i, el) => {
    this.$header_.find(Utils.sprintf('th[data-field="%s"]', $(el).data('field'))).data($(el).data())
  })
2176
  const visibleFields = this.getVisibleFields()
  const $ths = this.$header_.find('th')
  let $tr = this.$body.find('>tr:not(.no-records-found,.virtual-scroll-top)').eq(0)
2180
  while ($tr.length && $tr.find('>td[colspan]:not([colspan="1"])').length) {
    $tr = $tr.next()
  }
2184
  const trLength = $tr.find('> *').length
2186
  $tr.find('> *').each((i, el) => {
    const $this = $(el)
2189
    if (Utils.hasDetailViewIcon(this.options)) {
      if (
        i === 0 && this.options.detailViewAlign !== 'right' ||
        i === trLength - 1 && this.options.detailViewAlign === 'right'
      ) {
        const $thDetail = $ths.filter('.detail')
        const zoomWidth = $thDetail.innerWidth() - $thDetail.find('.fht-cell').width()
2197
        $thDetail.find('.fht-cell').width($this.innerWidth() - zoomWidth)
        return
      }
    }
2202
    const index = i - Utils.getDetailViewIndexOffset(this.options)
    let $th = this.$header_.find(Utils.sprintf('th[data-field="%s"]', visibleFields[index]))
2205
    if ($th.length > 1) {
      $th = $($ths[$this[0].cellIndex])
    }
2209
    const zoomWidth = $th.innerWidth() - $th.find('.fht-cell').width()
2211
    $th.find('.fht-cell').width($this.innerWidth() - zoomWidth)
  })
2214
  this.horizontalScroll()
  this.trigger('post-header')
}
2218
initFooter () {
  if (!this.options.showFooter || this.options.cardView) { // do nothing
    return
  }
2223
  const data = this.getData()
  const html = []
  let detailTemplate = ''
2227
  if (Utils.hasDetailViewIcon(this.options)) {
    detailTemplate = '<th class="detail"><div class="th-inner"></div><div class="fht-cell"></div></th>'
  }
2231
  if (detailTemplate && this.options.detailViewAlign !== 'right') {
    html.push(detailTemplate)
  }
2235
  for (const column of this.columns) {
    let falign = ''
    let valign = ''
    const csses = []
    let style = {}
    let class_ = Utils.sprintf(' class="%s"', column['class'])
2242
    if (
      !column.visible ||
      (this.footerData && this.footerData.length > 0 && !(column.field in this.footerData[0]))
    ) {
      continue
    }
2249
    if (this.options.cardView && (!column.cardVisible)) {
      return
    }
2253
    falign = Utils.sprintf('text-align: %s; ', column.falign ? column.falign : column.align)
    valign = Utils.sprintf('vertical-align: %s; ', column.valign)
2256
    style = Utils.calculateObjectValue(null, this.options.footerStyle, [column])
2258
    if (style && style.css) {
      for (const [key, value] of Object.entries(style.css)) {
        csses.push(`${key}: ${value}`)
      }
    }
    if (style && style.classes) {
      class_ = Utils.sprintf(' class="%s"', column['class'] ?
        [column['class'], style.classes].join(' ') : style.classes)
    }
2268
    html.push('<th', class_, Utils.sprintf(' style="%s"', falign + valign + csses.concat().join('; ')))
    let colspan = 0
2271
    if (this.footerData && this.footerData.length > 0) {
      colspan = this.footerData[0][`_${column.field}_colspan`] || 0
    }
    if (colspan) {
      html.push(` colspan="${colspan}" `)
    }
2278
    html.push('>')
    html.push('<div class="th-inner">')
2281
    let value = ''
2283
    if (this.footerData && this.footerData.length > 0) {
      value = this.footerData[0][column.field] || ''
    }
    html.push(Utils.calculateObjectValue(column, column.footerFormatter,
      [data, value], value))
2289
    html.push('</div>')
    html.push('<div class="fht-cell"></div>')
    html.push('</div>')
    html.push('</th>')
  }
2295
  if (detailTemplate && this.options.detailViewAlign === 'right') {
    html.push(detailTemplate)
  }
2299
  if (!this.options.height && !this.$tableFooter.length) {
    this.$el.append('<tfoot><tr></tr></tfoot>')
    this.$tableFooter = this.$el.find('tfoot')
  }
2304
  if (!this.$tableFooter.find('tr').length) {
    this.$tableFooter.html('<table><thead><tr></tr></thead></table>')
  }
2308
  this.$tableFooter.find('tr').html(html.join(''))
2310
  this.trigger('post-footer', this.$tableFooter)
}
2313
fitFooter () {
  if (this.$el.is(':hidden')) {
    setTimeout(() => this.fitFooter(), 100)
    return
  }
2319
  const fixedBody = this.$tableBody.get(0)
  const scrollWidth = this.hasScrollBar &&
    fixedBody.scrollHeight > fixedBody.clientHeight + this.$header.outerHeight() ?
    Utils.getScrollBarWidth() : 0
2324
  this.$tableFooter
    .css('margin-right', scrollWidth)
    .find('table').css('width', this.$el.outerWidth())
    .attr('class', this.$el.attr('class'))
2329
  const $ths = this.$tableFooter.find('th')
  let $tr = this.$body.find('>tr:first-child:not(.no-records-found)')
2332
  $ths.find('.fht-cell').width('auto')
2334
  while ($tr.length && $tr.find('>td[colspan]:not([colspan="1"])').length) {
    $tr = $tr.next()
  }
2338
  const trLength = $tr.find('> *').length
2340
  $tr.find('> *').each((i, el) => {
    const $this = $(el)
2343
    if (Utils.hasDetailViewIcon(this.options)) {
      if (
        i === 0 && this.options.detailViewAlign === 'left' ||
        i === trLength - 1 && this.options.detailViewAlign === 'right'
      ) {
        const $thDetail = $ths.filter('.detail')
        const zoomWidth = $thDetail.innerWidth() - $thDetail.find('.fht-cell').width()
2351
        $thDetail.find('.fht-cell').width($this.innerWidth() - zoomWidth)
        return
      }
    }
2356
    const $th = $ths.eq(i)
    const zoomWidth = $th.innerWidth() - $th.find('.fht-cell').width()
2359
    $th.find('.fht-cell').width($this.innerWidth() - zoomWidth)
  })
2362
  this.horizontalScroll()
}
2365
horizontalScroll () {
  // horizontal scroll event
  // TODO: it's probably better improving the layout than binding to scroll event
  this.$tableBody.off('scroll').on('scroll', () => {
    const scrollLeft = this.$tableBody.scrollLeft()
2371
    if (this.options.showHeader && this.options.height) {
      this.$tableHeader.scrollLeft(scrollLeft)
    }
2375
    if (this.options.showFooter && !this.options.cardView) {
      this.$tableFooter.scrollLeft(scrollLeft)
    }
2379
    this.trigger('scroll-body', this.$tableBody)
  })
}
2383
getVisibleFields () {
  const visibleFields = []
2386
  for (const field of this.header.fields) {
    const column = this.columns[this.fieldsColumnsIndex[field]]
2389
    if (!column || !column.visible || (this.options.cardView && !column.cardVisible)) {
      continue
    }
    visibleFields.push(field)
  }
  return visibleFields
}
2397
initHiddenRows () {
  this.hiddenRows = []
}
2401
// PUBLIC FUNCTION DEFINITION
// =======================
2404
getOptions () {
  // deep copy and remove data
  const options = $.extend({}, this.options)
2408
  delete options.data
  return $.extend(true, {}, options)
}
2412
refreshOptions (options) {
  // If the objects are equivalent then avoid the call of destroy / init methods
  if (Utils.compareObjects(this.options, options, true)) {
    return
  }
  this.options = $.extend(this.options, options)
  this.trigger('refresh-options', this.options)
  this.destroy()
  this.init()
}
2423
getData (params) {
  let data = this.options.data
2426
  if (
    (
      this.searchText ||
      this.options.customSearch ||
      this.options.sortName !== undefined ||
      this.enableCustomSort || // Fix #4616: this.enableCustomSort is for extensions
      !Utils.isEmptyObject(this.filterColumns) ||
      typeof this.options.filterOptions.filterAlgorithm === 'function' ||
      !Utils.isEmptyObject(this.filterColumnsPartial)
    ) && (!params || !params.unfiltered)
  ) {
    data = this.data
  }
2440
  if (params && params.useCurrentPage) {
    data = data.slice(this.pageFrom - 1, this.pageTo)
  }
2444
  if (params && !params.includeHiddenRows) {
    const hiddenRows = this.getHiddenRows()
2447
    data = data.filter(row => Utils.findIndex(hiddenRows, row) === -1)
  }
2450
  if (params && params.formatted) {
    data.forEach(row => {
      for (const [key, value] of Object.entries(row)) {
        const column = this.columns[this.fieldsColumnsIndex[key]]
2455
        if (!column) {
          return
        }
2459
        row[key] = Utils.calculateObjectValue(column, this.header.formatters[column.fieldIndex], [value, row, row.index, column.field], value)
      }
    })
  }
2464
  return data
}
2467
getSelections () {
  return (this.options.maintainMetaData ? this.options.data : this.data)
    .filter(row => row[this.header.stateField] === true)
}
2472
load (_data) {
  let fixedScroll = false
  let data = _data
2476
  // #431: support pagination
  if (this.options.pagination && this.options.sidePagination === 'server') {
    this.options.totalRows = data[this.options.totalField]
    this.options.totalNotFiltered = data[this.options.totalNotFilteredField]
    this.footerData = data[this.options.footerField] ? [data[this.options.footerField]] : undefined
  }
2483
  fixedScroll = data.fixedScroll
  data = Array.isArray(data) ? data : data[this.options.dataField]
2486
  this.initData(data)
  this.initSearch()
  this.initPagination()
  this.initBody(fixedScroll)
}
2492
append (data) {
  this.initData(data, 'append')
  this.initSearch()
  this.initPagination()
  this.initSort()
  this.initBody(true)
}
2500
prepend (data) {
  this.initData(data, 'prepend')
  this.initSearch()
  this.initPagination()
  this.initSort()
  this.initBody(true)
}
2508
remove (params) {
  let removed = 0
2511
  for (let i = this.options.data.length - 1; i >= 0; i--) {
2513
    const row = this.options.data[i]
    const value = Utils.getItemField(row, params.field, this.options.escape, row.escape)
2516
    if (value === undefined && params.field !== '$index') {
      continue
    }
2520
    if (
      !row.hasOwnProperty(params.field) &&
      params.field === '$index' &&
      params.values.includes(i) ||
      params.values.includes(value)
    ) {
      removed++
2528
      this.options.data.splice(i, 1)
    }
  }
2532
  if (!removed) {
    return
  }
2536
  if (this.options.sidePagination === 'server') {
    this.options.totalRows -= removed
    this.data = [...this.options.data]
  }
2541
  this.initSearch()
  this.initPagination()
  this.initSort()
  this.initBody(true)
}
2547
removeAll () {
  if (this.options.data.length > 0) {
    this.options.data.splice(0, this.options.data.length)
    this.initSearch()
    this.initPagination()
    this.initBody(true)
  }
}
2556
insertRow (params) {
  if (!params.hasOwnProperty('index') || !params.hasOwnProperty('row')) {
    return
  }
  this.options.data.splice(params.index, 0, params.row)
  this.initSearch()
  this.initPagination()
  this.initSort()
  this.initBody(true)
}
2567
updateRow (params) {
  const allParams = Array.isArray(params) ? params : [params]
2570
  for (const params of allParams) {
    if (!params.hasOwnProperty('index') || !params.hasOwnProperty('row')) {
      continue
    }
2575
    if (params.hasOwnProperty('replace') && params.replace) {
      this.options.data[params.index] = params.row
    } else {
      $.extend(this.options.data[params.index], params.row)
    }
  }
2582
  this.initSearch()
  this.initPagination()
  this.initSort()
  this.initBody(true)
}
2588
getRowByUniqueId (_id) {
  const uniqueId = this.options.uniqueId
  const len = this.options.data.length
  let id = _id
  let dataRow = null
  let i
  let row
2596
  for (i = len - 1; i >= 0; i--) {
    row = this.options.data[i]
    const rowUniqueId = Utils.getItemField(row, uniqueId, this.options.escape, row.escape)
2600
    if (rowUniqueId === undefined) {
      continue
    }
2604
    if (typeof rowUniqueId === 'string') {
      id = id.toString()
    } else if (typeof rowUniqueId === 'number') {
      if ((Number(rowUniqueId) === rowUniqueId) && (rowUniqueId % 1 === 0)) {
        id = parseInt(id, 10)
      } else if ((rowUniqueId === Number(rowUniqueId)) && (rowUniqueId !== 0)) {
        id = parseFloat(id)
      }
    }
2614
    if (rowUniqueId === id) {
      dataRow = row
      break
    }
  }
2620
  return dataRow
}
2623
updateByUniqueId (params) {
  const allParams = Array.isArray(params) ? params : [params]
  let updatedUid = null
2627
  for (const params of allParams) {
    if (!params.hasOwnProperty('id') || !params.hasOwnProperty('row')) {
      continue
    }
2632
    const rowId = this.options.data.indexOf(this.getRowByUniqueId(params.id))
2634
    if (rowId === -1) {
      continue
    }
2638
    if (params.hasOwnProperty('replace') && params.replace) {
      this.options.data[rowId] = params.row
    } else {
      $.extend(this.options.data[rowId], params.row)
    }
    updatedUid = params.id
  }
2646
  this.initSearch()
  this.initPagination()
  this.initSort()
  this.initBody(true, updatedUid)
}
2652
removeByUniqueId (id) {
  const len = this.options.data.length
  const row = this.getRowByUniqueId(id)
2656
  if (row) {
    this.options.data.splice(this.options.data.indexOf(row), 1)
  }
2660
  if (len === this.options.data.length) {
    return
  }
2664
  if (this.options.sidePagination === 'server') {
    this.options.totalRows -= 1
    this.data = [...this.options.data]
  }
2669
  this.initSearch()
  this.initPagination()
  this.initBody(true)
}
2674
_updateCellOnly (field, index) {
  const rowHtml = this.initRow(this.options.data[index], index)
  let fieldIndex = this.getVisibleFields().indexOf(field)
2678
  if (fieldIndex === -1) {
    return
  }
2682
  fieldIndex += Utils.getDetailViewIndexOffset(this.options)
2684
  this.$body.find(`>tr[data-index=${index}]`)
    .find(`>td:eq(${fieldIndex})`)
    .replaceWith($(rowHtml).find(`>td:eq(${fieldIndex})`))
2688
  this.initBodyEvent()
  this.initFooter()
  this.resetView()
  this.updateSelected()
}
2694
updateCell (params) {
  if (!params.hasOwnProperty('index') ||
    !params.hasOwnProperty('field') ||
    !params.hasOwnProperty('value')) {
    return
  }
  this.options.data[params.index][params.field] = params.value
2702
  if (params.reinit === false) {
    this._updateCellOnly(params.field, params.index)
    return
  }
  this.initSort()
  this.initBody(true)
}
2710
updateCellByUniqueId (params) {
  const allParams = Array.isArray(params) ? params : [params]
2713
  allParams.forEach(({ id, field, value }) => {
    const index = this.options.data.indexOf(this.getRowByUniqueId(id))
2716
    if (index === -1) {
      return
    }
    this.options.data[index][field] = value
  })
2722
  if (params.reinit === false) {
    this._updateCellOnly(params.field,
      this.options.data.indexOf(this.getRowByUniqueId(params.id)))
    return
  }
  this.initSort()
  this.initBody(true)
}
2731
showRow (params) {
  this._toggleRow(params, true)
}
2735
hideRow (params) {
  this._toggleRow(params, false)
}
2739
_toggleRow (params, visible) {
  let row
2742
  if (params.hasOwnProperty('index')) {
    row = this.getData()[params.index]
  } else if (params.hasOwnProperty('uniqueId')) {
    row = this.getRowByUniqueId(params.uniqueId)
  }
2748
  if (!row) {
    return
  }
2752
  const index = Utils.findIndex(this.hiddenRows, row)
2754
  if (!visible && index === -1) {
    this.hiddenRows.push(row)
  } else if (visible && index > -1) {
    this.hiddenRows.splice(index, 1)
  }
2760
  this.initBody(true)
  this.initPagination()
}
2764
getHiddenRows (show) {
  if (show) {
    this.initHiddenRows()
    this.initBody(true)
    this.initPagination()
    return
  }
  const data = this.getData()
  const rows = []
2774
  for (const row of data) {
    if (this.hiddenRows.includes(row)) {
      rows.push(row)
    }
  }
  this.hiddenRows = rows
  return rows
}
2783
showColumn (field) {
  const fields = Array.isArray(field) ? field : [field]
2786
  fields.forEach(field => {
    this._toggleColumn(this.fieldsColumnsIndex[field], true, true)
  })
}
2791
hideColumn (field) {
  const fields = Array.isArray(field) ? field : [field]
2794
  fields.forEach(field => {
    this._toggleColumn(this.fieldsColumnsIndex[field], false, true)
  })
}
2799
_toggleColumn (index, checked, needUpdate) {
  if (index === -1 || this.columns[index].visible === checked) {
    return
  }
  this.columns[index].visible = checked
  this.initHeader()
  this.initSearch()
  this.initPagination()
  this.initBody()
2809
  if (this.options.showColumns) {
    const $items = this.$toolbar.find('.keep-open input:not(".toggle-all")').prop('disabled', false)
2812
    if (needUpdate) {
      $items.filter(Utils.sprintf('[value="%s"]', index)).prop('checked', checked)
    }
2816
    if ($items.filter(':checked').length <= this.options.minimumCountColumns) {
      $items.filter(':checked').prop('disabled', true)
    }
  }
}
2822
getVisibleColumns () {
  return this.columns.filter(column => column.visible && !this.isSelectionColumn(column))
}
2826
getHiddenColumns () {
  return this.columns.filter(({ visible }) => !visible)
}
2830
isSelectionColumn (column) {
  return column.radio || column.checkbox
}
2834
showAllColumns () {
  this._toggleAllColumns(true)
}
2838
hideAllColumns () {
  this._toggleAllColumns(false)
}
2842
_toggleAllColumns (visible) {
  for (const column of this.columns.slice().reverse()) {
    if (column.switchable) {
      if (
        !visible &&
        this.options.showColumns &&
        this.getVisibleColumns().filter(it => it.switchable).length === this.options.minimumCountColumns
      ) {
        continue
      }
      column.visible = visible
    }
  }
2856
  this.initHeader()
  this.initSearch()
  this.initPagination()
  this.initBody()
  if (this.options.showColumns) {
    const $items = this.$toolbar.find('.keep-open input[type="checkbox"]:not(".toggle-all")').prop('disabled', false)
2863
    if (visible) {
      $items.prop('checked', visible)
    } else {
      $items.get().reverse().forEach(item => {
        if ($items.filter(':checked').length > this.options.minimumCountColumns) {
          $(item).prop('checked', visible)
        }
      })
    }
2873
    if ($items.filter(':checked').length <= this.options.minimumCountColumns) {
      $items.filter(':checked').prop('disabled', true)
    }
  }
}
2879
mergeCells (options) {
  const row = options.index
  let col = this.getVisibleFields().indexOf(options.field)
  const rowspan = options.rowspan || 1
  const colspan = options.colspan || 1
  let i
  let j
  const $tr = this.$body.find('>tr[data-index]')
2888
  col += Utils.getDetailViewIndexOffset(this.options)
2890
  const $td = $tr.eq(row).find('>td').eq(col)
2892
  if (row < 0 || col < 0 || row >= this.data.length) {
    return
  }
2896
  for (i = row; i < row + rowspan; i++) {
    for (j = col; j < col + colspan; j++) {
      $tr.eq(i).find('>td').eq(j).hide()
    }
  }
2902
  $td.attr('rowspan', rowspan).attr('colspan', colspan).show()
}
2905
checkAll () {
  this._toggleCheckAll(true)
}
2909
uncheckAll () {
  this._toggleCheckAll(false)
}
2913
_toggleCheckAll (checked) {
  const rowsBefore = this.getSelections()
2916
  this.$selectAll.add(this.$selectAll_).prop('checked', checked)
  this.$selectItem.filter(':enabled').prop('checked', checked)
  this.updateRows()
  this.updateSelected()
2921
  const rowsAfter = this.getSelections()
2923
  if (checked) {
    this.trigger('check-all', rowsAfter, rowsBefore)
    return
  }
2928
  this.trigger('uncheck-all', rowsAfter, rowsBefore)
}
2931
checkInvert () {
  const $items = this.$selectItem.filter(':enabled')
  let checked = $items.filter(':checked')
2935
  $items.each((i, el) => {
    $(el).prop('checked', !$(el).prop('checked'))
  })
  this.updateRows()
  this.updateSelected()
  this.trigger('uncheck-some', checked)
  checked = this.getSelections()
  this.trigger('check-some', checked)
}
2945
check (index) {
  this._toggleCheck(true, index)
}
2949
uncheck (index) {
  this._toggleCheck(false, index)
}
2953
_toggleCheck (checked, index) {
  const $el = this.$selectItem.filter(`[data-index="${index}"]`)
  const row = this.data[index]
2957
  if (
    $el.is(':radio') ||
    this.options.singleSelect ||
    this.options.multipleSelectRow &&
    !this.multipleSelectRowCtrlKey &&
    !this.multipleSelectRowShiftKey
  ) {
    for (const r of this.options.data) {
      r[this.header.stateField] = false
    }
    this.$selectItem.filter(':checked').not($el).prop('checked', false)
  }
2970
  row[this.header.stateField] = checked
2972
  if (this.options.multipleSelectRow) {
    if (this.multipleSelectRowShiftKey && this.multipleSelectRowLastSelectedIndex >= 0) {
      const [fromIndex, toIndex] = this.multipleSelectRowLastSelectedIndex < index ?
        [this.multipleSelectRowLastSelectedIndex, index] : [index, this.multipleSelectRowLastSelectedIndex]
2977
      for (let i = fromIndex + 1; i < toIndex; i++) {
        this.data[i][this.header.stateField] = true
        this.$selectItem.filter(`[data-index="${i}"]`).prop('checked', true)
      }
    }
2983
    this.multipleSelectRowCtrlKey = false
    this.multipleSelectRowShiftKey = false
    this.multipleSelectRowLastSelectedIndex = checked ? index : -1
  }
2988
  $el.prop('checked', checked)
  this.updateSelected()
  this.trigger(checked ? 'check' : 'uncheck', this.data[index], $el)
}
2993
checkBy (obj) {
  this._toggleCheckBy(true, obj)
}
2997
uncheckBy (obj) {
  this._toggleCheckBy(false, obj)
}
3001
_toggleCheckBy (checked, obj) {
  if (!obj.hasOwnProperty('field') || !obj.hasOwnProperty('values')) {
    return
  }
3006
  const rows = []
3008
  this.data.forEach((row, i) => {
    if (!row.hasOwnProperty(obj.field)) {
      return false
    }
    if (obj.values.includes(row[obj.field])) {
      let $el = this.$selectItem.filter(':enabled')
        .filter(Utils.sprintf('[data-index="%s"]', i))
      const onlyCurrentPage = obj.hasOwnProperty('onlyCurrentPage') ? obj.onlyCurrentPage : false
3017
      $el = checked ? $el.not(':checked') : $el.filter(':checked')
3019
      if (!$el.length && onlyCurrentPage) {
        return
      }
3023
      $el.prop('checked', checked)
      row[this.header.stateField] = checked
      rows.push(row)
      this.trigger(checked ? 'check' : 'uncheck', row, $el)
    }
  })
  this.updateSelected()
  this.trigger(checked ? 'check-some' : 'uncheck-some', rows)
}
3033
refresh (params) {
  if (params && params.url) {
    this.options.url = params.url
  }
  if (params && params.pageNumber) {
    this.options.pageNumber = params.pageNumber
  }
  if (params && params.pageSize) {
    this.options.pageSize = params.pageSize
  }
  this.trigger('refresh', this.initServer(params && params.silent,
    params && params.query, params && params.url))
}
3047
destroy () {
  this.$el.insertBefore(this.$container)
  $(this.options.toolbar).insertBefore(this.$el)
  this.$container.next().remove()
  this.$container.remove()
  this.$el.html(this.$el_.html())
    .css('margin-top', '0')
    .attr('class', this.$el_.attr('class') || '') // reset the class
3056
  const resizeEvent = Utils.getEventName('resize.bootstrap-table', this.$el.attr('id'))
3058
  $(window).off(resizeEvent)
}
3061
resetView (params) {
  let padding = 0
3064
  if (params && params.height) {
    this.options.height = params.height
  }
3068
  this.$tableContainer.toggleClass('has-card-view', this.options.cardView)
3070
  if (this.options.height) {
    const fixedBody = this.$tableBody.get(0)
3073
    this.hasScrollBar = fixedBody.scrollWidth > fixedBody.clientWidth
  }
3076
  if (!this.options.cardView && this.options.showHeader && this.options.height) {
    this.$tableHeader.show()
    this.resetHeader()
    padding += this.$header.outerHeight(true) + 1
  } else {
    this.$tableHeader.hide()
    this.trigger('post-header')
  }
3085
  if (!this.options.cardView && this.options.showFooter) {
    this.$tableFooter.show()
    this.fitFooter()
    if (this.options.height) {
      padding += this.$tableFooter.outerHeight(true)
    }
  }
3093
  if (this.$container.hasClass('fullscreen')) {
    this.$tableContainer.css('height', '')
    this.$tableContainer.css('width', '')
  } else if (this.options.height) {
    if (this.$tableBorder) {
      this.$tableBorder.css('width', '')
      this.$tableBorder.css('height', '')
    }
3102
    const toolbarHeight = this.$toolbar.outerHeight(true)
    const paginationHeight = this.$pagination.outerHeight(true)
    const height = this.options.height - toolbarHeight - paginationHeight
    const $bodyTable = this.$tableBody.find('>table')
    const tableHeight = $bodyTable.outerHeight()
3108
    this.$tableContainer.css('height', `${height}px`)
3110
    if (this.$tableBorder && $bodyTable.is(':visible')) {
      let tableBorderHeight = height - tableHeight - 2
3113
      if (this.hasScrollBar) {
        tableBorderHeight -= Utils.getScrollBarWidth()
      }
      this.$tableBorder.css('width', `${$bodyTable.outerWidth()}px`)
      this.$tableBorder.css('height', `${tableBorderHeight}px`)
    }
  }
3121
  if (this.options.cardView) {
    // remove the element css
    this.$el.css('margin-top', '0')
    this.$tableContainer.css('padding-bottom', '0')
    this.$tableFooter.hide()
  } else {
    // Assign the correct sortable arrow
    this.getCaret()
    this.$tableContainer.css('padding-bottom', `${padding}px`)
  }
3132
  this.trigger('reset-view')
}
3135
showLoading () {
  this.$tableLoading.toggleClass('open', true)
3138
  let fontSize = this.options.loadingFontSize
3140
  if (this.options.loadingFontSize === 'auto') {
    fontSize = this.$tableLoading.width() * 0.04
    fontSize = Math.max(12, fontSize)
    fontSize = Math.min(32, fontSize)
    fontSize = `${fontSize}px`
  }
3147
  this.$tableLoading.find('.loading-text').css('font-size', fontSize)
}
3150
hideLoading () {
  this.$tableLoading.toggleClass('open', false)
}
3154
togglePagination () {
  this.options.pagination = !this.options.pagination
3157
  const icon = this.options.showButtonIcons ? this.options.pagination ? this.options.icons.paginationSwitchDown : this.options.icons.paginationSwitchUp : ''
  const text = this.options.showButtonText ? this.options.pagination ? this.options.formatPaginationSwitchUp() : this.options.formatPaginationSwitchDown() : ''
3160
  this.$toolbar.find('button[name="paginationSwitch"]')
    .html(`${Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, icon)} ${text}`)
  this.updatePagination()
  this.trigger('toggle-pagination', this.options.pagination)
}
3166
toggleFullscreen () {
  this.$el.closest('.bootstrap-table').toggleClass('fullscreen')
  this.resetView()
}
3171
toggleView () {
  this.options.cardView = !this.options.cardView
  this.initHeader()
3175
  const icon = this.options.showButtonIcons ? this.options.cardView ? this.options.icons.toggleOn : this.options.icons.toggleOff : ''
  const text = this.options.showButtonText ? this.options.cardView ? this.options.formatToggleOff() : this.options.formatToggleOn() : ''
3178
  this.$toolbar.find('button[name="toggle"]')
    .html(`${Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, icon)} ${text}`)
    .attr('aria-label', text)
    .attr('title', text)
3183
  this.initBody()
  this.trigger('toggle', this.options.cardView)
}
3187
resetSearch (text) {
  const $search = Utils.getSearchInput(this)
3190
  const textToUse = text || ''
3192
  $search.val(textToUse)
  this.searchText = textToUse
  this.onSearch({ currentTarget: $search }, false)
}
3197
filterBy (columns, options) {
  this.filterOptions = Utils.isEmptyObject(options) ? this.options.filterOptions : $.extend(this.options.filterOptions, options)
  this.filterColumns = Utils.isEmptyObject(columns) ? {} : columns
  this.options.pageNumber = 1
  this.initSearch()
  this.updatePagination()
}
3205
scrollTo (params) {
  let options = { unit: 'px', value: 0 }
3208
  if (typeof params === 'object') {
    options = Object.assign(options, params)
  } else if (typeof params === 'string' && params === 'bottom') {
    options.value = this.$tableBody[0].scrollHeight
  } else if (typeof params === 'string' || typeof params === 'number') {
    options.value = params
  }
3216
  let scrollTo = options.value
3218
  if (options.unit === 'rows') {
    scrollTo = 0
    this.$body.find(`> tr:lt(${options.value})`).each((i, el) => {
      scrollTo += $(el).outerHeight(true)
    })
  }
3225
  this.$tableBody.scrollTop(scrollTo)
}
3228
getScrollPosition () {
  return this.$tableBody.scrollTop()
}
3232
selectPage (page) {
  if (page > 0 && page <= this.options.totalPages) {
    this.options.pageNumber = page
    this.updatePagination()
  }
}
3239
prevPage () {
  if (this.options.pageNumber > 1) {
    this.options.pageNumber--
    this.updatePagination()
  }
}
3246
nextPage () {
  if (this.options.pageNumber < this.options.totalPages) {
    this.options.pageNumber++
    this.updatePagination()
  }
}
3253
toggleDetailView (index, _columnDetailFormatter) {
  const $tr = this.$body.find(Utils.sprintf('> tr[data-index="%s"]', index))
3256
  if ($tr.next().is('tr.detail-view')) {
    this.collapseRow(index)
  } else {
    this.expandRow(index, _columnDetailFormatter)
  }
3262
  this.resetView()
}
3265
expandRow (index, _columnDetailFormatter) {
  const row = this.data[index]
  const $tr = this.$body.find(Utils.sprintf('> tr[data-index="%s"][data-has-detail-view]', index))
3269
  if (this.options.detailViewIcon) {
    $tr.find('a.detail-icon').html(Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, this.options.icons.detailClose))
  }
3273
  if ($tr.next().is('tr.detail-view')) {
    return
  }
3277
  $tr.after(Utils.sprintf('<tr class="detail-view"><td colspan="%s"></td></tr>', $tr.children('td').length))
3279
  const $element = $tr.next().find('td')
3281
  const detailFormatter = _columnDetailFormatter || this.options.detailFormatter
  const content = Utils.calculateObjectValue(this.options, detailFormatter, [index, row, $element], '')
3284
  if ($element.length === 1) {
    $element.append(content)
  }
3288
  this.trigger('expand-row', index, row, $element)
}
3291
expandRowByUniqueId (uniqueId) {
  const row = this.getRowByUniqueId(uniqueId)
3294
  if (!row) {
    return
  }
3298
  this.expandRow(this.data.indexOf(row))
}
3301
collapseRow (index) {
  const row = this.data[index]
  const $tr = this.$body.find(Utils.sprintf('> tr[data-index="%s"][data-has-detail-view]', index))
3305
  if (!$tr.next().is('tr.detail-view')) {
    return
  }
3309
  if (this.options.detailViewIcon) {
    $tr.find('a.detail-icon').html(Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, this.options.icons.detailOpen))
  }
3313
  this.trigger('collapse-row', index, row, $tr.next())
  $tr.next().remove()
}
3317
collapseRowByUniqueId (uniqueId) {
  const row = this.getRowByUniqueId(uniqueId)
3320
  if (!row) {
    return
  }
3324
  this.collapseRow(this.data.indexOf(row))
}
3327
expandAllRows () {
  const trs = this.$body.find('> tr[data-index][data-has-detail-view]')
3330
  for (let i = 0; i < trs.length; i++) {
    this.expandRow($(trs[i]).data('index'))
  }
}
3335
collapseAllRows () {
  const trs = this.$body.find('> tr[data-index][data-has-detail-view]')
3338
  for (let i = 0; i < trs.length; i++) {
    this.collapseRow($(trs[i]).data('index'))
  }
}
3343
updateColumnTitle (params) {
  if (!params.hasOwnProperty('field') || !params.hasOwnProperty('title')) {
    return
  }
3348
  this.columns[this.fieldsColumnsIndex[params.field]].title =
    this.options.escape ? Utils.escapeHTML(params.title) : params.title
3351
  if (this.columns[this.fieldsColumnsIndex[params.field]].visible) {
    this.$header.find('th[data-field]').each((i, el) => {
      if ($(el).data('field') === params.field) {
        $($(el).find('.th-inner')[0]).text(params.title)
        return false
      }
    })
3359
    this.resetView()
  }
}
3363
updateFormatText (formatName, text) {
  if (!/^format/.test(formatName) || !this.options[formatName]) {
    return
  }
  if (typeof text === 'string') {
    this.options[formatName] = () => text
  } else if (typeof text === 'function') {
    this.options[formatName] = text
  }
  this.initToolbar()
  this.initPagination()
  this.initBody()
}
3377}
3378
3379BootstrapTable.VERSION = Constants.VERSION
3380BootstrapTable.DEFAULTS = Constants.DEFAULTS
3381BootstrapTable.LOCALES = Constants.LOCALES
3382BootstrapTable.COLUMN_DEFAULTS = Constants.COLUMN_DEFAULTS
3383BootstrapTable.METHODS = Constants.METHODS
3384BootstrapTable.EVENTS = Constants.EVENTS
3385
3386// BOOTSTRAP TABLE PLUGIN DEFINITION
3387// =======================
3388
3389$.BootstrapTable = BootstrapTable
3390$.fn.bootstrapTable = function (option, ...args) {
let value
3392
this.each((i, el) => {
  let data = $(el).data('bootstrap.table')
  const options = $.extend(true, {}, BootstrapTable.DEFAULTS, $(el).data(),
    typeof option === 'object' && option)
3397
  if (typeof option === 'string') {
    if (!Constants.METHODS.includes(option)) {
      throw new Error(`Unknown method: ${option}`)
    }
3402
    if (!data) {
      return
    }
3406
    value = data[option](...args)
3408
    if (option === 'destroy') {
      $(el).removeData('bootstrap.table')
    }
  }
3413
  if (!data) {
    data = new $.BootstrapTable(el, options)
    $(el).data('bootstrap.table', data)
    data.init()
  }
})
3420
return typeof value === 'undefined' ? this : value
3422}
3423
3424$.fn.bootstrapTable.Constructor = BootstrapTable
3425$.fn.bootstrapTable.theme = Constants.THEME
3426$.fn.bootstrapTable.VERSION = Constants.VERSION
3427$.fn.bootstrapTable.defaults = BootstrapTable.DEFAULTS
3428$.fn.bootstrapTable.columnDefaults = BootstrapTable.COLUMN_DEFAULTS
3429$.fn.bootstrapTable.events = BootstrapTable.EVENTS
3430$.fn.bootstrapTable.locales = BootstrapTable.LOCALES
3431$.fn.bootstrapTable.methods = BootstrapTable.METHODS
3432$.fn.bootstrapTable.utils = Utils
3433
3434// BOOTSTRAP TABLE INIT
3435// =======================
3436
3437$(() => {
$('[data-toggle="table"]').bootstrapTable()
3439})
3440
3441export default BootstrapTable
1	`/**`
2	`* @author zhixin wen <wenzhixin2010@gmail.com>`
3	`* version: 1.21.2`
4	`* https://github.com/wenzhixin/bootstrap-table/`
5	`*/`
6
7	`import Constants from './constants/index.js'`
8	`import Utils from './utils/index.js'`
9	`import VirtualScroll from './virtual-scroll/index.js'`
10
11	`class BootstrapTable {`
12	`constructor (el, options) {`
13	`this.options = options`
14	`this.$el = $(el)`
15	`this.$el_ = this.$el.clone()`
16	`this.timeoutId_ = 0`
17	`this.timeoutFooter_ = 0`
18	`}`
19
20	`init () {`
21	`this.initConstants()`
22	`this.initLocale()`
23	`this.initContainer()`
24	`this.initTable()`
25	`this.initHeader()`
26	`this.initData()`
27	`this.initHiddenRows()`
28	`this.initToolbar()`
29	`this.initPagination()`
30	`this.initBody()`
31	`this.initSearchText()`
32	`this.initServer()`
33	`}`
34
35	`initConstants () {`
36	`const opts = this.options`
37
38	`this.constants = Constants.CONSTANTS`
39	`this.constants.theme = $.fn.bootstrapTable.theme`
40	`this.constants.dataToggle = this.constants.html.dataToggle \|\| 'data-toggle'`