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>