bootstarp-table 使用总结

bootstrap-table是一个开源的table插件，支持表头锁定，列冻结等高级属性

bootstrap-table的使用：

1、首先下载相关的js和css文件

http://bootstrap-table.wenzhixin.net.cn/  官网地址。官网上有详细文档是实例

2、在项目中引入

 <!-- bootstarp table -->
    <script src="../common/libs/bootstrap-table/bootstrap-table.js"></script>
    <script src="../common/libs/bootstrap-table/bootstrap-table-locale-all.js"></script>
    <script src="../common/libs/bootstrap-table/bootstrap-table-fixed-columns.js"></script>
    <link rel="stylesheet" href="../common/libs/bootstrap-table/bootstrap-table.css">
    <link rel="stylesheet" href="../common/libs/bootstrap-table/bootstrap-table-fixed-columns.css">

3、定义一个table

<link rel="stylesheet" href="../css/bootstrap.min.css">

<script src="../common/libs/bootstrap.min.js"></script>

js代码：

 $("# table ").bootstrapTable('destroy').bootstrapTable({

           columns:  head,

               data:  data, //可以使url,也可以是后台查询出来的数据，此处为具体的数据

               height: tableHeight,

               fixedColumns: true, //是否进行列的冻结

               idField: "field",  //标识哪个字段为id主键  

               fixedNumber: +1，//冻结第一列

               formatLoadingMessage: function () {  

               return "请稍等，正在加载中...";  

               },  

      });