在对数据进行展示上,列表是最常见的方式。数据内容很多会使得列表过长,在查看的时候需要不断的拖动操作,下面就总结了4种比较常见解决方法。
1、固定列(将最重要信息固定,其余滚动)
1)优点:始终展示重要信息,不重要信息滚动展示
2)缺点:滚动条只能在列表的最下面
3)前端开发难度:实现难度不大( 纯前端开发需要额外实现功能 ),但是需要考虑列数不同的情况下,固定列的位置问题
2、将操作整合到页面的其他位置而不只是在最后一列
1)优点:将操作分散,不是只集中在列表最后,避免列表上操作过多
2)缺点:破坏了列表的树结构
3)前端开发难度:上线难度主要在拖拽排序那里,需要做一些额外的工作
3、嵌套子表格(一行数据中有从属关系最好)
1)优点:将过长的列表分成两行展示,不需要滚动条就能展示下全部信息
2)缺点:只能固定父表格的头部,如果子表格内容过长,页面滚动上去会看不到子表格的列表头部
3)前端开发难度:框架内开发难度不大,主要纯前端实现比较困难
4、合并同类项,将表格信息进行归类
1)优点:能将列表内容全部展示在页面上,不需要进行滚动
2)缺点:如果需要展示的信息太多,需要将列表信息进行合理的组合整理
3)前端开发难度:没有实现难度,开发贼快
以上全部前端开发难度有马赵军前端小哥哥提供,在此表示感谢