Table

• 搜索
  • data-search=“true”：启用搜索
  • data-search-align=“left”：搜索栏对齐方式
  • 搜索栏宽度
  • 数据和列名对齐
  • 固定标题栏
• 自定义工具栏
  • data-toolbar=“.toolbar”：启用；toolbar 为类名
  • data-toolbar-align=“right”：对其方式，不与自带工具栏排序冲突
• 功能
  • data-click-to-select=“true”：启用多选
  • data-show-header="false"
  • 行属性：鼠标悬浮提示
• 列选项
  • data-halign="center"：列名居中对齐
  • data-align="left"：列居中对齐
  • data-width="100"：列宽
• 方法
  • 刷新：重新获取数据 id:: 61c9e247-6b75-4ff1-9ac7-cf6a2103816b

    • var $table = $('#table')
      var $button = $('#button')
       
      $(function() {
        $button.click(function () {
          $table.bootstrapTable('refresh')
        })
      })

  • 刷新后执行 ((61c9e247-6b75-4ff1-9ac7-cf6a2103816b))

    • $(document).on("refresh.bs.table", function () {
          alert('42')
      })

  • 获取行数：[参考](How to get number of Rows (jquery) in the Bootstrap table. · Issue #767 · wenzhixin/bootstrap-table)

    • $('#table').bootstrapTable('getOptions').totalRows
      $('#table').bootstrapTable('getData').length