这里主要区别两种Bootstrap Table的数据渲染方式,一、属性渲染方式,二、JS渲染方式
工作直接接手前人的,之前都直接在table标签上渲染属性,后面因为项目需要,同一页面的表格,需要申请不同的接口获取数据,写两个表格后期数据量大的时候浪费页面资源还增加了请求,所以最后改成了JS渲染方式,先贴表格效果:
一是属性渲染方式:省去表格所在项目引用的样式,单论数据加载,HTML代码就是简单的table表格的结构,table标签上添加data-属性,控制表格渲染效果。
HTML:
1
2 data-query-params="Setparams_UnDistribute"data-query-params-type=""data-method="post"
3 data-url="/api/data "
4 data-side-pagination="server"data-sort-name=""
5 data-id-field="WorkID"data-height=""data-page-number="1"data-response-handler="GetData"data-striped=true6 data-pagin