[发明专利]一种动态表格生成方法及装置在审
申请号: | 202111205076.4 | 申请日: | 2021-10-15 |
公开(公告)号: | CN113935300A | 公开(公告)日: | 2022-01-14 |
发明(设计)人: | 胡慧;任星旺 | 申请(专利权)人: | 京东科技控股股份有限公司 |
主分类号: | G06F40/18 | 分类号: | G06F40/18 |
代理公司: | 北京路浩知识产权代理有限公司 11002 | 代理人: | 张亚超 |
地址: | 100176 北京市大兴区北京经*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 动态 表格 生成 方法 装置 | ||
本公开提供一种动态表格生成方法及装置,获取用户查询信息;将所述查询信息发送至后端;接收所述后端发送的查询返回数据;根据所述查询返回数据按照预设规则解析生成表格,其中,所述表格显示的标题、列宽度及列数由所述查询返回数据动态生成。本公开生成的表格是由后端发送的查询返回数据动态生成的,使得表格的列信息不再由前端控制,而是由后端动态生成,从而可实现动态加载列、自适应列宽度显示。
技术领域
本公开涉及计算机技术领域,尤其涉及一种动态表格生成方法及装置。
背景技术
表格是前端页面最基本的数据展示方式之一,现有技术中,随着表格中行数和列数的增加,页面的元素数量将越来越多;当页面的元素数量增加时,由于由前端控制生成的表格的列宽都是固定的,因此不利于表格内容的良好展示。
发明内容
本公开提供一种动态表格生成方法及装置,用以解决现有技术中表格展示中列展示固定的缺陷,实现动态加载列、自适应列宽度显示的目的。
本公开提供一种动态表格生成方法,包括:
获取用户查询信息;
将所述查询信息发送至后端;
接收所述后端发送的查询返回数据;
根据所述查询返回数据按照预设规则解析生成表格,其中,所述表格显示的标题、列宽度及列数由所述查询返回数据动态生成。
根据本公开提供的一种动态表格生成方法,所述根据所述查询返回数据按照预设规则解析生成表格,具体包括:
根据所述查询返回数据提取出对应表格的各标题;
将所述查询返回数据中除各标题外的数据转换为填充数据,形成填充填充数据数组;
根据各标题及填充填充数据数组进行表格渲染,生成所述表格。
根据本公开提供的一种动态表格生成方法,所述根据所述查询返回数据提取出对应表格的各标题,具体包括:根据列生成规则将表格设定位置标题对应的列生成为固定列,表格中其余位置的标题对应的列生成为动态列。
根据本公开提供的一种动态表格生成方法,所述根据各标题及填充填充数据数组进行表格渲染,具体包括:在进行表格列渲染时,当表格宽度小于等于终端设备显示宽度时,则填充一列补充列进行表格显示;当表格宽度大于终端设备显示宽度时,则设置左右方向的列滚动条进行表格显示。
根据本公开提供的一种动态表格生成方法,所述当表格宽度小于等于终端设备显示宽度时,则填充一列补充列进行表格显示,具体包括:当表格宽度小于终端设备显示宽度时,按照补充列的列宽为终端设备显示宽度与表格显示宽度的差值的方式显示所述补充列;其中,表格显示宽度为固定列列宽之和与动态列列宽之和的总和;其中,当表格宽度等于终端设备显示宽度时,所述补充列的宽度为零。
根据本公开提供的一种动态表格生成方法,所述当表格宽度大于终端设备显示宽度时,则设置左右方向的列滚动条进行表格显示,具体包括:当表格宽度大于终端设备显示宽度时,则按照表格显示宽度等于终端设备显示宽度的方式显示;其中,表格显示宽度为固定列列宽之和与动态列列宽之和的总和。
根据本公开提供的一种图像生成方法,所述根据各标题及填充填充数据数组进行表格渲染,具体包括:根据填充填充数据数组中的填充数据或者自定义函数对表格的各标题对应的列进行渲染。
本公开还提供一种动态表格生成装置,包括:
用户查询信息获取单元,用于获取用户查询信息;
信息发送单元,用于将所述查询信息发送至后端;
信息接收单元,用于接收所述后端发送的查询返回数据;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于京东科技控股股份有限公司,未经京东科技控股股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111205076.4/2.html,转载请声明来源钻瓜专利网。