bootstrap-table-fixed-columns表格控件使用方法(操作复杂表头并且固定表头和固定列)

需要引入的东西

  1. bootstrap.min.css
  2. bootstrap-table.css
  3. bootstrap-table-fixed-columns.css
  4. jquery.min.js
  5. bootstrap.min.js
  6. bootstrap-table.js
  7. bootstrap-table-fixed-columns.js

用法

  1. 一个方法;
    $el.bootstrapTable(‘destroy’).bootstrapTable({
    columns: columns, // 渲染表头,columns是我们拿到数据后,表头数据的数组
    data: data, // 表格主题内容 data是我们拿到数据后,表格主体的数据
    fixedColumns: true, // 是否固定表头
    fixedNumber: 1 // 固定几列
    });
  2. 表格的主体内容渲染的时候是根据最后一行表头的field来对应的。会在下面的例子中体现
  3. 这里有一个bug,解决列对不齐问题;
    修改bootstrap-table-fixed-coluumns.js源码:133行:-2改为-1;154行:-1删掉
    bootstrap-table-fixed-columns表格控件使用方法(操作复杂表头并且固定表头和固定列)_第1张图片

例子




    
    
    
    Document
    
    
    


    
    
    

你可能感兴趣的:(bootstrap-table-fixed-columns表格控件使用方法(操作复杂表头并且固定表头和固定列))