search

surely-vue / surely-table

Performant advanced table component
https://www.surely.cool
609 stars 80 forks source link

希望能获取到，当前视口渲染的数据（指定列） #243

Open xiaobaiku opened 2 months ago

xiaobaiku commented 2 months ago

我们有个表格查询非常慢(要查好几个数据库)，所以前端做了懒加载，先通过一个接口加载单号，再带着单号加载其他数据

目前的做法是在滚动到 特定位置 时，拿50个单号作为入参加载其他数据

image-20240709110732915

特定的位置 document.querySelector(div[data-row-key="CP2024062814597"])

当系统单号CP2024062814597出现在视口时加载下一批数据，然后替换监听的系统单号

目前遇到的问题

由于表格存在虚拟滚动

用鼠标缓慢滚动时，可以正常监听到单号div的出现。但是当滚动位移过大时，div[data-row-key="CP2024062814597"] 不会出现在视口中

希望能获取到指定cloumn在视口渲染的数据值，比如提供方法

STableRef.getViewportDate('systemCode')

能获取到当前渲染的系统单号['cp20240628...', 'cp20240627...']

tangjinzhou commented 1 month ago

div[data-row-key="CP2024062814597"] 不会出现在视口中 ，是不是意味着不需要请求接口加载数据