[发明专利]基于本地存储修改前端表格列数据的方法、装置及介质

说明书

本发明公开了一种基于本地存储修改前端表格列数据的方法，包括：将服务器端的第一表格的第一表头数据存储至本地存储；根据本地存储中的第一表头数据获取第二表头数据；在本地存储中将第一表头数据替换为第二表头数据，生成本地存储中的第二表格，第二表格所具有的表头数据为第二表头数据；本申请实施例还提供一种基于本地存储修改前端表格列数据的装置、网络设备及存储介质；通过在本地存储中存储和修改服务器端表格的表头数据，来控制浏览器显示的表格的列的数据，包括列顺序与需要显示的列，本地存储可以是localstorage，利用localstorage生命周期是永久的特性，使得每个用户浏览器中的表格个性化显示，除用户主动操作以外不会被删去，提供了更好的用户体验。

技术领域

本发明涉及通信领域，具体涉及一种基于本地存储修改前端表格列数据的方法、装置及介质。

背景技术

超级文本标记语言(hypertext markup language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,通过结合使用其他的Web技术(如：脚本语言、公共网关接口、组件等)，可以创造出功能强大的网页。因而，超级文本标记语言是万维网(world wide web)编程的基础。在5.0版本的超级文本标记语言(HTML5)中，加入了新的特性：本地存储(localstorage)，这个特性主要是用来作为本地存储来使用的。生命周期是永久，这意味着除非用户在浏览器提供的用户界面(user interface，UI)上清除localstorage信息，否则这些信息将永远存在，存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存，不参与和服务器的通信。

在客户端中，前端表格插件(bootstrap table)是一款基于前端(bootstrap)的极快瑞(jQuery)表格插件，通过简单的设置，就可以在客户端显示的表格中拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤等功能。方便用户使用的同时，也暴露出新的需求：有些用户在查看表格时因使用习惯等问题想将列的顺序调整，将自己关注的列移到前面显示，对自己不需要的列隐去显示，对于这两种操作目前的表格插件无法很好的支持。

因此，现有技术中存在的上述技术问题还有待于改进和发展。

发明内容

本发明实施例提供一种基于本地存储修改前端表格列数据的方法、装置及介质，能够通过本地存储对前端表格插件中的表头数据进行编辑，从而按照用户的个性化需求修改前端表格的列顺序。

有鉴于此，本申请第一方面提供一种基于本地存储修改前端表格列数据的方法，该方法包括：将服务器端的第一表格的第一表头数据存储至本地存储；其中，该本地储存可以为localstorage或cookie；根据该本地存储中的该第一表头数据获取第二表头数据；其中，该第一表头数据与所述第二表头数据不相同，可以是列顺序不同，也可以是列数量不同，也可以是列顺序与列数量均不相同；在该本地存储中将该第一表头数据替换为该第二表头数据，生成该本地存储中的第二表格，该第二表格所具有的表头数据为该第二表头数据。由以上第一方面可见，本地存储获取服务器端的第一表头数据，在本地存储一端对第一表头数据进行修改，例如按照用户的个性化需求调整列顺序或隐藏不需要的列，得到第二表头数据，在本地浏览器流量网页表格时，通过本地存储将第一表头数据替换为第二表头数据，得到用户个性化定制的第二表格，方便了用户使用，且当本地存储为localstorage时，在本地存储中生命周期是永久，下次使用可直接显示用户定义好的列顺序，提升用户体验。