芭乐BootstrapTable视频组件不同使用方法的效率各有差异

在设备端批量发送数据后,使用BootstrapTable组件更新表格时遇到了问题。通过对比,发现`bootstrapTable('load', {data: data})`方法在刷新数据时会重置滚动条,而`bootstrapTable('updateRow', {index : updateIndex, row : showRow})`和`bootstrapTable('updateByUniqueId', {id: id, row : showRow})`虽能更新数据但CPU占用过高,可能导致IndexedDB问题。解决方案是使用CSS固定表格外层div高度,避免使用`data-height`属性。建议使用`load`方法刷新数据,以降低CPU占用。" 91357373,7867943,C++ 中引用参数的使用场景,"['C++', '引用', '函数参数']
摘要由CSDN通过智能技术生成

自己需求处理的问题(#需求)

设备端批量发送数据过来,数据已依照特定字段进行排序,现在自己需求依照传过来的数据动态更新表格,表格的显示区域有限制
因为一些原因,终究确认运用 Bootstrap Table 组件完成该功能

遇到的问题(#问题)

运用 bootstrapTable('load', {data: data})进行数据更新时,无法运用滚动条。每次刷新滚动条都会恢复到滚动条顶部(即无法滑动滚动条,芭乐视频体验很差)
运用 bootstrapTable('updateRow', {index : updateIndex, row : showRow}) 动态保护数据时,占用CPU太多(30%+),导致 浏览器的IndexedDB数据库无法运用等问题
运用 bootstrapTable('updateByUniqueId', {id: id, row : showRow}) 动态保护数据时,占用CPU太多(30%+),导致 浏览器的IndexedDB数据库无法运用等问题

测试前端页面(#根本页面)

html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值