(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210221876.3 (22)申请日 2022.03.07 (71)申请人 上海英方软件股份有限公司 地址 200011 上海市黄浦区制造局路787号 二幢151A室 (72)发明人 李帅　甘磊　温超　 (74)专利代理 机构 上海国智知识产权代理事务 所(普通合伙) 31274 专利代理师 潘建玲 (51)Int.Cl. G06F 8/38(2018.01) G06F 8/65(2018.01) G06F 9/451(2018.01) (54)发明名称 一种实现前端表格自定义列的方法及装置 (57)摘要 本发明公开了一种实现前端表格自定义列 的方法及装置， 所述方法包括如下步骤： 步骤S1， 当前端首次进入表格列表页， 使用接口请求通过 相应的接口获取当前列表的自定义列信息， 并将 获取的自定义列信息保存至Local  Storage， 以 根据获取的自定义列的信息展示自定义列； 步骤 S2， 当前端非首次进入表 格列表页时， 获取Local   Storage中已存储的当前列表的自定义列信息， 根据获取的自定义列信息展示自定义列。 权利要求书1页 说明书6页 附图4页 CN 114610302 A 2022.06.10 CN 114610302 A 1.一种实现前端表格自定义列的方法， 包括如下步骤： 步骤S1， 当前端首次进入表格列表页， 使用接口请求通过相应的接口获取当前列表 的 自定义列信息， 并将获取的自定义列信息保存至Local  Storage， 以根据获取的自定义列的 信息展示自定义列； 步骤S2， 当前端非首 次进入表格列表页时， 获取Local  Storage中已存储的当前列表的 自定义列信息， 根据获取的自定义列信息展示自定义列。 2.如权利要求1所述的一种实现前端表格自定义列的方法， 其特征在于， 所述方法还包 括： 步骤S3， 当更新自定义列信息时， 根据选择操作通过接口获取最新自定义列信息， 根据 操作结果保存信息并实时同步到L ocal Storage。 3.如权利要求2所述的一种实现前端表格自定义列的方法， 其特征在于： 所述自定义列 信息包括用来判断列是否需要显示的相关信息 。 4.如权利要求3所述的一种实现前端表格自定义列的方法， 其特征在于： 于步骤S1中， 获取到的自定义列信息包括： 默认显示、 不可修改的列； 可修改的列； 以及 所有列当前的选中状态。 5.如权利要求4所述的一种实现前端表格自定义列的方法， 其特征在于： 于步骤S1中， 将获取到的自定义列信息写入一个key中， 通过对象键值对的形式保存。 6.一种实现前端表格自定义列的装置， 包括： 首次进入处理单元， 用于当前端首次进入表格列表页， 使用接口请求通过相应的接口 获取当前列表的自定义列信息， 并将获取的自定义列信息 保存至Local  Storage， 以根据获 取的自定义列的信息展示自定义列； 非首次进入 处理单元， 用于当前端非首 次进入表格列表页时， 获取Local  Storage中已 存储的当前列表的自定义列信息， 根据获取的自定义列信息展示自定义列。 7.如权利要求6所述的一种实现前端表格自定义列的装置， 其特征在于， 所述装置还包 括自定义列更新处理单元， 用于当更新自定义列信息时， 根据选择操作通过接口获取最新 自定义列信息， 根据操作结果保存信息并实时同步到L ocal Storage。 8.如权利要求7所述的一种实现前端表格自定义列的装置， 其特征在于： 所述自定义列 信息包括用来判断列是否需要显示的相关信息 。 9.如权利要求8所述的一种实现前端表格自定义列的装置， 其特征在于， 所述首次进入 处理单元获取到的自定义列信息包括： 默认显示， 不可修改的列； 可修改的列； 以及 所有列当前的选中状态。 10.如权利要求9所述的一种实现前端表格自定义列的装置， 其特征在于： 所述首次进 入处理单元将获取到的自定义列信息写入一个key中， 通过对象键值对的形式保存。权　利　要　求　书 1/1 页 2 CN 114610302 A 2一种实现 前端表格自定义列的方 法及装置 技术领域 [0001]本发明涉及前端页面显示布局技术领域， 特别是涉及一种实现前端表格自定义列 的方法及装置 。 背景技术 [0002]目前， 当前获取前端表格自定义列的方式主要有如下两种： ： 1、 纯前端方式： 在进 行首次操作时， 由前端自己生成初始化数据和定义相 应的数据结构， 然后将前端生成好的 数据存到本地缓存， 由于纯前端方式需要前端定义相 应的数据结构， 增加了前端代码的复 杂度； 2、 每次通过接口请求获取后端数据后再展示出来， 然而， 采用这样的方式， 当表格中 返回的数据量较大， 如果前端每次进入列表页都要重新请求列信息接口从后端获取数据再 进行展示， 则容 易造成页面加载速度慢以及增 加后端服 务器的压力。 发明内容 [0003]为克服上述现有技术存在的不足， 本发明之目的在于提供一种实现前端表格自定 义列的方法及装置， 既解决了每次进入列表页都要重新请求列信息接口的冗余的问题， 缓 解了服务器压力， 又解决了单 纯使用Local Storage存储信息不稳定的问题。 [0004]为达上述目的， 本发明提供一种实现前端表格自定义列的方法， 包括如下步骤： [0005]步骤S1， 当前端首次进入表格列表页， 使用接口请求通过相应 的接口获取当前列 表的自定义列信息， 并将获取的自定义列信息 保存至Local  Storage， 以根据获取的自定义 列的信息展示自定义列； [0006]步骤S2， 当前端非首次进入表格列表页时， 获取Local  Storage中已存储的当前列 表的自定义列信息， 根据获取的自定义列信息展示自定义列。 [0007]优选地， 所述方法还 包括： [0008]步骤S3， 当更新自定义列信息时， 根据选择操作通过接口获取最新自定义列信息， 根据操作结果保存信息并实时同步到L ocal Storage。 [0009]优选地， 所述自定义列信息包括用来判断列是否需要显示的相关信息 。 [0010]优选地， 于步骤S1中， 获取到的自定义列信息包括： [0011]默认显示， 不可修改的列； [0012]可修改的列； 以及 [0013]所有列当前的选中状态。 [0014]优选地， 于步骤S1中， 将获取到的自定义列信息写入一个key中， 通过对象键值对 的形式保存。 [0015]为达到上述目的， 本发明还提供一种实现前端表格自定义列的装置， 包括： [0016]首次进入处理单元， 用于当前端首次进入表格列表页， 使用接 口请求通过相应的 接口获取当前列表的自定义列信息， 并将获取的自定义列信息 保存至Local  Storage， 以根 据获取的自定义列的信息展示自定义列；说　明　书 1/6 页 3 CN 114610302 A 3