bootstrap 树形表格渲染慢_记Bootstrap Table两种渲染方式

这篇博客对比了Bootstrap Table的两种渲染方式:属性渲染和JS渲染。属性渲染通过HTML标签上的data-属性控制表格效果,适用于功能固定的表格;JS渲染则更灵活,适合数据源变化的情况,可以通过JS动态控制数据加载。文中还提到了Bootstrap Table中data-toggle="table"属性的使用注意事项。
摘要由CSDN通过智能技术生成

这里主要区别两种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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值