几百个属性长表的前端展示方法

[nobuger]

目前有业务需求是网页端展示一个很长的表，大概 3 百个表属性，内容比较多，用户打开这个也页面估计会卡慢。

请问通过什么解决方法可以让这种类型的网页打开比较流畅呢，有没有什么比较好的实践？

数据库操作涉及很多表，因为这些属性都是分开存储的，通过业务 ID 关联。

自己想到的方法可不可以参考瀑布流，做一个横向的瀑布流，用户往右拖动滚动条可以自动加载数据。问题是这种懒加载一般用于图片，用于表单、还是横向的可行性？

有没有比较好的方法用于很多属性的表展示呢，求教啊

[nobuger]

前端使用的 VUE

[nobuger]

因为太小儿科了所以没人吗 =..=

[qiayue]

根据实际需求来，这个页面是给谁看的，是否需要每次都看 300 列数据？

[wingtao]

分页、懒加载、虚拟渲染都可以

[MrTreasure]

不要一次性全部加在。前端做一个筛选，把要展示的属性筛选出来，表格只展示这些。
用户大概率不会一次看完 300 个属性，看的最多的是自己关注的，本地再做一个缓存，缓存上次选择的属性

[BreadKiller]

可以只显示某几个关键列，然后最右边用详情按钮点开弹窗？
或者可以自定义表头，让用户选择需要查看的信息

[KuroNekoFan]

我觉得滚动加载长表，尤其是桌面端，真的是个很脑残的产品设计，虽然也不是没办法解决你说的问题（虚拟表什么的，ui 框架应该都内置了）

[rabbbit]

这个多没人会看, 留一些关键的其他的按类分页 /改成选项卡

[rabbbit]

这么多没人会看, 留一些关键的其他的按类分页 /改成选项卡

[nobuger]

@qiayue 是一些设计数据，很多，确实是一次都要展示出来

[en20]

你说的是超大列表, 可视区渲染吧. vue-virtual-scroll-list 看一下应该是你需要的

[nobuger]

@en20 是数据属性很多，不是很多条数据

[nobuger]

@rabbbit

[nobuger]

@rabbbit 属性不太好分类

[whypool]

分类展示，sku 啥的

[nobuger]

@KuroNekoFan 我说的是属性很多，是横向的滚动加载，也可以吗

[NotNil1]

详细追业务关注哪些，根绝业务需求，给出多个透视图，多个页面

[rabbbit]

@nobuger
按 a ~ z 26 个单词 /拼音首字母分类 🐶

[wangxiaoaer]

每个表格对应前端的一个表单，用户激活再渲染这个表单。页面首次进入只加入默认的关键表单。

[sunjourney]

用户自己 set 要看的 key