bootstrap table实例详解

<script type="text/javascript">  var $table = $('#table');  var columns = [];  //获取表头信息  function buildColumnsStyle(url, align, valign, ignore) {    $.ajax({      'method': 'GET',      'url': url,      'async': false,      'success': function (data, status) {        //此处设置columns      }    });  }  buildColumnsStyle('/api/v1/ArticleItem/info', 'center', null, []);  //动态表格渲染  $(function () {    $table.bootstrapTable({      columns: columns, //表格的列，取决于后台获取的数据      pageList: [10, 20, 50], //表格每页数据条数控制      onClickCell: function (row, field, value, $element) {           //单元格事件        },      onPageChange: function (number, size) {          //表格页面切换事件        }    });    //搜索按钮事件，用于bootstrap table 数据加载    $('#searchArticle').click(function () {       $.get(generateSearchArticleUrl(true), function (data, status) {        //创建bootstrap模态对话框        createBootstrapModal(data.result, 100);        createLabels(data.result);        //数据加载        if (data.success && data.result.length != 0) {            $table.bootstrapTable('load', {data: data.result});        } else {            $table.bootstrapTable('load', {data: []});        }        renderLabels();      });    });  });</script>