大概有 8k 到 1 万的数据量，直接渲染出来的速度还能接受，但是需要单元格合并，不是所有列都需要合并，只需要合并第一列的
测试了下 4k 条数据不到的时候，合并数据大概有 1k 条，就是 mergeCells 大概有 1k 条数据，渲染差不多要 4s 左右
在不分页的情况下各位前端大佬们有什么优化方案吗？
4 条回复 • 2025-04-09 14:48:57 +08:00
 |
1
UnluckyNinja 18 天前 via Android
不了解 vxe-grid ，单纯说一下优化要点，如果合并操作只是针对显示内容合并，那么只渲染可见内容能大幅降低开销，如果是某个算法本身就很耗时而你无法调整，那就挪到 worker 里，至少保证 dom 线程不阻塞
|
 |
2
jy02534655 18 天前
如果只是第一列数据需要合并，那试试不使用单元格合并功能，在合并前先遍历数据标记哪些是相同数据，然后渲染后用 css 或者 js 处理下，在界面上看起来数据是合并的就行了，然后开虚拟滚动看看
|
 |
3
imherer OP @UnluckyNinja 嗯，目前就是想到了这个方案还在尝试中
|
|
4
imherer OP @jy02534655 也是一种方案，我记得 element plus 的 v2table 就是这样做的好像
|
Select Language