[发明专利]表格数据展示方法、装置、电子设备及存储介质

说明书

本发明涉及数据处理技术，揭露了一种表格数据展示方法，包括：将表格数据封装在预设的容器中，所述容器包括内容区域和可视化窗口；根据所述表格数据的条目数计算所述表格数据的最大高度；计算所述可视化窗口内展示区域的大小，得到展示长度及展示宽度；将所述表格数据与可视化窗口进行数据绑定，确定所述展示区域中数据的展示起始位置，根据所述展示起始位置及所述数据绑定将所述表格数据展示到所述展示区域。此外，本发明还涉及区块链技术，所述表格数据可来自区块链的节点。本发明还提出一种表格数据展示装置、电子设备以及计算机可读存储介质。本发明可以解决加载数据越来越多而出现的卡顿的问题。

技术领域

本发明涉及数据处理技术，尤其涉及一种表格数据展示方法、装置、电子设备及计算机可读存储介质。

背景技术

目前针对表格数据的展示主要有两种方法：一种是通过分页机制对记录进行分页查看，如1000记录，每页显示50条，分20个页签展示，用户点击页签时再加载对应页签的条目；另一种是动态加载，通过监听用户的滚动行为，来分批动态加载记录并展示。虽然这两种方法都可以达到对表格数据的展示，但有以下两种缺陷：一是分页显示的表格，无法第一时间查看记录全貌，分页展示操作也不是十分便捷；二是滚动加载的表格，用户调整展示页面的大小时，相应的表格数据不会随之改变，同时随着用户不断向下滚动，加载的数据越来越多，相应的渲染也会变得越来越慢甚至会出现卡顿。

发明内容

本发明提供一种表格数据展示方法、装置及计算机可读存储介质，其主要目的在于解决随着加载数据越来越多而出现的卡顿的问题。

为实现上述目的，本发明提供的一种表格数据展示方法，包括：

将表格数据封装在预设的容器中，其中，所述容器包括内容区域和可视化窗口；

根据所述内容区域及所述表格数据的条目数计算所述表格数据的最大高度；

计算所述可视化窗口内展示区域的长度和宽度，得到展示长度及展示宽度，将所述表格数据与所述可视化窗口进行数据绑定；

根据所述展示长度调整所述表格数据的长度，获取所述可视化窗口的滚轮位置，根据所述展示宽度、滚轮位置及所述最大高度确定所述展示区域中数据的展示起始位置；

根据所述展示起始位置及所述数据绑定将所述表格数据展示到所述展示区域。

可选地，所述将表格数据封装在预设的容器中，包括：

利用预设的前端框架获取所述表格数据，并调用所述前端框架中的封装指令；

根据所述封装指令将所述表格数据拓展成HTML标签；

根据所述封装指令将所述HTML标签封装在预设的容器中。

可选地，所述根据所述内容区域及所述表格数据的条目数计算所述表格数据的最大高度，包括：

将所述表格数据中的数据分成不同种类的字符，根据所述字符的不同分配不同的系数；

根据所述系数调整不同种类的字符所在表格数据的每一行的宽度；

利用所述HTML标签，获取所述表格数据的条目总数；

根据所述宽度及所述条目总数计算所述表格数据的最大高度。

可选地，所述计算所述可视化窗口内展示区域的长度和宽度，得到展示长度及展示宽度，包括：

设置所述可视化窗口的监听事件；

根据所述监听事件内的屏幕宽度监听及屏幕长度监听计算所述展示区域的长度和宽度，得到展示长度及展示宽度。

可选地，所述根据所述展示宽度、滚轮位置及所述最大高度确定所述展示区域中数据的展示起始位置，包括：