[发明专利]一种页面中表格的展示方法及移动终端

说明书

本发明公开了一种页面中表格的展示方法，表格包括表格容器，表格容器中于数据展示层上包括纵向排列的多个模块，每个模块包括多个横向排列的多个单元，每个单元包括相应的内容数据，所述方法包括：获取表格内容数据，并将表格内容数据存储到数据存储装置；当接收到用户对滚动条的滚动操作时，确定滚动条的滚动位置；基于滚动条的滚动位置确定一个或多个模块的多个待展示单元；从数据存储装置中获取与所述多个待展示单元相对应的内容数据；以及基于所获取的内容数据对多个待展示单元进行渲染，以便在所述数据展示层上展示所述多个待展示单元。本发明还公开了相应的移动终端。根据本发明的技术方案，有利于提高页面的加载速度和渲染性能。

技术领域

本发明涉及移动终端开发技术领域，尤其涉及一种页面中表格的展示方法及移动终端。

背景技术

安卓(Android)是一种基于Linux的开放源代码的操作系统，主要用于智能手机、平板电脑等移动设备。Android系统提供了各种基础的UI组件，能实现多种多样的界面显示效果。

在Android系统中，在网页中将数据以表格形式展示是一种常见的数据展示方式。HTML提供了table标签，用于将数据以表格形式进行展示，这也是现有技术中在网页中展示表格数据的最常见的技术手段。

基于HTML提供的table标签在网页中展示表格形式的数据，虽然技术实现较为简单，但该方案存在如下缺点：在渲染大量数据时容易造成页面假死，反应迟钝；以表格形式展示数据时，缺少一些基本的交互实现，不能对表格进行表头固定、行列冻结、改变列宽等基本操作；而且，不支持表格数据的下载。

另外，现有技术中还有一种方案，可以采用开源的组件实现在网页中展示表格数据，开源的组件例如Handsontable。但，这种方案需要引入比较大的依赖文件，会影响页面加载速度；而且，对于大数据量的下载性能较差，容易造成页面卡死。

为此，需要提供一种页面中表格的展示方法，以解决上述技术方案中存在的问题。

发明内容

为此，本发明提供一种页面中表格的展示方法及移动终端，以解决或至少缓解上面存在的问题。

根据本发明的一个方面，提供了一种页面中表格的展示方法，在移动终端中执行，所述移动终端的屏幕上适于展示页面内容，所述页面内容包括表格，所述表格包括表格容器，所述表格容器中包括数据展示层、滚动条，所述表格容器中于所述数据展示层上包括纵向排列的多个模块，每个模块包括多个横向排列的多个单元，每个单元包括相应的内容数据，所述方法包括：获取表格内容数据，并将表格内容数据存储到数据存储装置；当接收到用户对滚动条的滚动操作时，确定滚动条的滚动位置；基于滚动条的滚动位置确定一个或多个模块的多个待展示单元；从数据存储装置中获取与所述多个待展示单元相对应的内容数据；以及基于所获取的内容数据对多个待展示单元进行渲染，以便在所述数据展示层上展示所述多个待展示单元。

可选地，在根据本发明的页面中表格的展示方法中，在接收用户对滚动条的滚动操作之前，包括步骤：基于表格内容数据确定所述表格容器、滚动条的尺寸，并基于表格容器和滚动条的尺寸确定数据展示层的尺寸；基于所述数据展示层的尺寸，确定要在数据展示层上展示的多个模块的多个单元；从数据存储装置中获取与所述多个模块的多个单元相对应的内容数据；以及基于所获取的内容数据对所述多个单元进行渲染，以便在所述数据展示层上展示将所述多个单元。

可选地，在根据本发明的页面中表格的展示方法中，在确定数据展示层的尺寸后，还包括步骤：确定表头模块和列头模块的尺寸，以便在所述数据展示层的顶部展示表头模块、在数据展示层的左侧展示列头模块。

可选地，在根据本发明的页面中表格的展示方法中，在接收用户对滚动条的滚动操作之前，还包括步骤：对滚动条注册滚动监听函数，以便监控用户对滚动条的滚动操作。