tiny-vue icon indicating copy to clipboard operation
tiny-vue copied to clipboard

🐛 [Bug]: grid多选框性能问题

Open 470097042 opened this issue 1 year ago • 1 comments

Version

latest

Vue Version

latest

Link to minimal reproduction

gird复选框,在选择行时,似乎会重新渲染所有行,在大数据时(不用特别大数据,10列,100行以上就开始有点卡顿了),会出现选择行卡顿的情况,特别在一些性能不好的电脑上更明显。 这个问题虽然可以通过开启虚拟滚动缓解,但是虚拟滚动页面展示似乎还有一些bug。有时页面会显示为空,或者滚动时第一行是空白

Step to reproduce

官网例子,自定义表体行样式中, 1增加列10列以上,数据增加至100行以上, 2、rowClassName方法里输出行号 const rowClassName = ({ rowIndex }) => { console.log(rowIndex); } 3、选择行(点击某一行复选框),发现将所有行号rowIndex都输出一遍,此时页面会卡顿

What is expected

No response

What is actually happening

No response

What is your project name

wyq

Any additional comments (optional)

No response

470097042 avatar Sep 09 '24 03:09 470097042

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: grid multi-select box performance issue

Issues-translate-bot avatar Sep 09 '24 03:09 Issues-translate-bot