基于html的表格可视化编辑功能的处理方法技术

本发明专利技术提供了一种基于html的表格可视化编辑功能的处理方法，包括生成表格、合并单元格和拆分单元格；生成表格时记录每一个单元格位置及大小信息；用户选中多个邻近单元格进行合并时，通过算法计算出第一个单元格，将第一个单元格的大小设置为选中区域大小，将其余单元格隐藏以完成单元格合并；用户选中单元格拆分时，将选中单元格大小还原，将选中单元格所包含单元格显示已完成拆分显示。

【技术实现步骤摘要】
基于html的表格可视化编辑功能的处理方法
本专利技术涉及一种基于html的表格可视化编辑功能的处理方法，属于计算机信息

技术介绍
随着计算机网络技术的不断发展，BS架构的系统被广泛应用于各行各业，因此网页程序的加载内容也越来越多样化。现今，部分网页中会嵌入html表格对网页内容布局进行编辑，当表格行列数量发生变化时，需要重新调整html代码来实现表格重新布局，部分场景需要对表格可视化拆分合并，实时看到操作效果，而修改页面代码，门槛较高，且无法实时看到修改效果，难以达到可视化操作的要求。
技术实现思路
为了解决上述现有技术存在的没法达到可视化要求你的问题，本专利技术提供了一种基于html的表格可视化编辑功能的处理方法。本专利技术为实现上述目的，通过以下技术方案实现：一种基于html的表格可视化编辑功能的处理方法，包括生成表格、合并单元格和拆分单元格；生成表格时记录每一个单元格位置及大小信息；用户选中多个邻近单元格进行合并时，通过算法计算出第一个单元格，将第一个单元格的大小设置为选中区域大小，将其余单元格隐藏本文档来自技高网...

【技术保护点】
1.一种基于html的表格可视化编辑功能的处理方法，其特征在于，包括生成表格、合并单元格和拆分单元格；生成表格时记录每一个单元格位置及大小信息；用户选中多个邻近单元格进行合并时，通过算法计算出第一个单元格，将第一个单元格的大小设置为选中区域大小，将其余单元格隐藏以完成单元格合并；用户选中单元格拆分时，将选中单元格大小还原，将选中单元格所包含单元格显示已完成拆分显示。/n

【技术特征摘要】
1.一种基于html的表格可视化编辑功能的处理方法，其特征在于，包括生成表格、合并单元格和拆分单元格；生成表格时记录每一个单元格位置及大小信息；用户选中多个邻近单元格进行合并时，通过算法计算出第一个单元格，将第一个单元格的大小设置为选中区域大小，将其余单元格隐藏以完成单元格合并；用户选中单元格拆分时，将选中单元格大小还原，将选中单元格所包含单元格显示已完成拆分显示。


2.根据权利要求1所述基于html的表格可视化编辑功能的处理方法，其特征在于：生成表格具体包括以下步骤：
S101.读取用户输入表格行列数值；
S102.读取有效区域宽度，根据表格列数计算列宽；
S103.根据行列数及列宽生成表格数据
S104.根据行列数生成所有单元格数据，包括宽、高、起始位置、结束位置，是否隐藏以及跨度信息，默认宽高均为1，跨度信息为该单元格通过合并后所包含的单元格的信息，默认为空；
S105.根据表格数据生成table标签，将单元格宽高值转换为html标签的rowspan、colspan数据，进行显示。


3.根据权利要求1所述基于html的表格可视化编辑功能的处理方法，其特征在于：合并单元格具体包括以下步骤：...

【专利技术属性】
技术研发人员：李朋繁，胡中涛，陶文文，刘喆，杜丽娜，丛锐，
申请(专利权)人：山东云缦智能科技有限公司，
类型：发明
国别省市：山东;37