前端 树表分页有什么好的解决方案吗？

Question

按照第一层级数据分页，还是将所有层级的数据都分页？

Answer 1

一般来说就做第一层，但是除非每层数据超过1000，不然做不做分页其实差不多……

只要做好懒加载就行，动态加载的树虽然也可以，加一个按钮就行了，但是量级不大的时候真的没必要。

Answer 2

树表一般做懒加载（子节点）所以只需要对第一层进行分页

Answer 3

多大的树？1个枝下几万个叶子的话就别只用一棵树了。
想想怎么设计一个更合适的ui

分两部分，左侧是懒加载，叶子不多不需要分页的层级，右侧是分页的表格。自己结合实际设计一下

树可以做懒加载，但树的一个枝下还要做分页是非常不合适的ui

Answer 4

前端树表分页可以采用以下几种解决方案：

1、虚拟滚动：通过渲染部分数据而不是整个表格，以实现高效的滚动。这种方式可以在数据量很大的情况下提高性能。

2、前端分页：将所有数据加载到前端，使用插件或手写代码实现分页。这种方式可以实现较好的搜索和排序功能。

3、后端分页：在服务器端进行数据分页，并使用Ajax技术将分页数据发送到客户端。这种方式可以避免大量数据的传输和处理。

4、懒加载：将树表分为多个子表格，在用户展开子表格时加载数据，以减少初始加载时间。这种方式可以在数据量很大的情况下提高性能。

选择哪种方案应该根据具体需求进行评估，综合考虑数据量、性能、用户体验等方面的因素。