表格数据展示方法、装置、设备、介质及计算机程序产品与流程

本公开涉及数据展示的，具体涉及一种表格数据展示方法、装置、设备、介质及计算机程序产品。

背景技术：

1、ui(user interface)设计是指对软件、网站、移动应用等产品的人机交互、操作逻辑、界面美观的整体设计。

2、相关技术所提供的ui组件，可满足用户大部分常见的业务需求，但在应用中发现，基于现有ui组件在页面中显示表格数据时，若表格数据的列数较多，或者，表格中部分单元格的文本内容较多，则会导致表格内的单元格内容出现换行的情况，这使得表格数据的显示效果较差。

技术实现思路

1、本公开的目的在于提供一种表格数据展示方法、装置及相关设备，用于解决相关技术对表格数据的显示效果较差的技术问题。

2、第一方面，本公开提供一种表格数据展示方法，所述方法包括：

3、对n组源数据集进行迭代处理，得到n个列宽度，所述n个列宽度和所述n组源数据集一一对应，n为正整数；

4、在目标页面内，基于所述列宽度设置对应源数据集的表格列宽度，并形成包括所述n组源数据集的目标表格；

5、其中，所述迭代处理中的第i次迭代包括：

6、获取所述第i次迭代的源数据集中每一源元素的元素宽度，所述元素宽度为对应的源元素经过页面渲染后的文本宽度；

7、基于所述第i次迭代的源数据集对应的至少一个元素宽度确定所述第i次迭代的源数据集对应的列宽度，所述第i次迭代的源数据集对应的列宽度大于或等于所述第i次迭代的源数据集对应的至少一个元素宽度中最大的元素宽度，i为小于或等于n的正整数。

8、第二方面，本公开提供一种表格数据展示装置，所述装置包括：

9、处理模块，用于对n组源数据集进行迭代处理，得到n个列宽度，所述n个列宽度和所述n组源数据集一一对应，n为正整数；

10、表格展示模块，用于在目标页面内，基于所述列宽度设置对应源数据集的表格列宽度，并形成包括所述n组源数据集的目标表格；

11、其中，所述迭代处理中的第i次迭代包括：

12、获取所述第i次迭代的源数据集中每一源元素的元素宽度，所述元素宽度为对应的源元素经过页面渲染后的文本宽度；

13、基于所述第i次迭代的源数据集对应的至少一个元素宽度确定所述第i次迭代的源数据集对应的列宽度，所述第i次迭代的源数据集对应的列宽度大于或等于所述第i次迭代的源数据集对应的至少一个元素宽度中最大的元素宽度，i为小于或等于n的正整数。

14、第三方面，本公开提供一种电子设备，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如第一方面所述的方法的步骤。

15、第四方面，本公开提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的方法的步骤。

16、第五方面，本公开提供一种计算机程序产品，包括计算机指令，所述计算机指令被处理器执行时实现如第一方面所述的方法的步骤。

17、在本公开中，通过迭代处理n组源数据集，获得每组源数据集中每个源元素在经过页面渲染后的文本宽度，并据此确定对应的源数据集的列宽度，而后根据列宽度设置源数据集在表格中对应列的宽度，最终形成目标表格，由于目标表格每一列的宽度均大于或等于对应源数据集内各元素显示时的文本宽度，因此可避免表格内的单元格内容出现换行的情况，这能提升表格数据的显示效果。

技术特征：

1.一种表格数据展示方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述获取所述第i次迭代的源数据集中每一源元素的元素宽度，包括：

3.根据权利要求2所述的方法，其特征在于，所述目标元素为所述目标页面中满足预设条件的元素；

4.根据权利要求1所述的方法，其特征在于，所述对n组源数据集进行迭代处理，得到n个列宽度之前，所述方法还包括：

5.根据权利要求1-4中任一项所述的方法，其特征在于，所述对n组源数据集进行迭代处理，得到n个列宽度，包括：

6.根据权利要求1-4中任一项所述的方法，其特征在于，所述在目标页面内，基于所述列宽度设置对应源数据集的表格列宽度，并形成包括所述n组源数据集的目标表格之后，所述方法还包括：

7.一种表格数据展示装置，其特征在于，所述装置包括：

8.一种电子设备，其特征在于，包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1-6中任一项所述方法的步骤。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-6中任一项所述方法的步骤。

10.一种计算机程序产品，其特征在于，包括计算机指令，所述计算机指令被处理器执行时实现如权利要求1-6中任一项所述的方法的步骤。

技术总结
本公开提供一种表格数据展示方法、装置、设备、介质及计算机程序产品，涉及界面设计的技术领域，所述方法包括：对N组源数据集进行迭代处理，得到N个列宽度，所述N个列宽度和所述N组源数据集一一对应；在目标页面内，基于所述列宽度设置对应源数据集的表格列宽度，并形成包括所述N组源数据集的目标表格；其中，所述迭代处理中的第i次迭代包括：基于所述第i次迭代的源数据集中每一源元素经过页面渲染后的文本宽度确定所述第i次迭代的源数据集对应的列宽度，所述第i次迭代的源数据集对应的列宽度大于或等于所述第i次迭代的源数据集对应的至少一个元素宽度中最大的元素宽度。本公开能实现对表格宽度的自适应调整，避免表格内容换行。

技术研发人员：请求不公布姓名,请求不公布姓名,请求不公布姓名
受保护的技术使用者：上海无问芯穹智能科技有限公司
技术研发日：
技术公布日：2024/9/29