申请/专利权人：城云科技(中国)有限公司

申请日：2023-08-03

公开（公告）日：2023-11-17

公开（公告）号：CN117077636A

主分类号：G06F40/18

分类号：G06F40/18;G06F40/174;G06F16/22

优先权：

专利状态码：在审-实质审查的生效

法律状态：2023.12.05#实质审查的生效;2023.11.17#公开

摘要：本申请提出了el‑table动态层级表头、数据合并方法及其应用，包括在data函数中定义staticFields数组，存储静态字段。定义tableData数组接收服务端列表数据，包含maxLevel、动态数据和静态字段。tableHeader数组存列表头部。根据tableData动态生成表头数据，找出最大深度并赋值给maxLevel。定义函数计算单元格合并信息。生成colFields数组和合并后的tableHeader数组。处理合并单元格，获取每行数据的合并信息。调用定义的函数方法，得到最终单元格合并信息。本申请可以根据需要动态生成多级表头，并实现行合并和列合并的功能。

主权项：1.el-table动态层级表头、数据合并方法，其特征在于，包括以下步骤：S00、在data函数中定义staticFields数组，用于存储不需要动态生成的静态字段，其中每个字段由一个对象表示，包括label属性和prop属性；S10、定义tableData数组来接收服务端返回的列表数据，并将所述服务端返回数据赋值给所述tableData数组，该数组包含多个JSON对象，每个JSON对象包含最大深度字段maxLevel以及动态数据字段和静态字段；其中，定义tableHeader为数组存储列表头部；定义rowAndColArray为数组接收整个tableData数据的包含rowspan信息和colspan信息；定义maxLevel为数字最大深度；定义colFields数组存储要进行列合并的字段；rowspan表示单元格纵向合并的单元格数，colspan表示单元格横向合并的单元格数；S20、根据所述tableData数组动态生成表头数据，并找出最大深度maxLevel，返回包含动态表头数据的数组，并将找出的最大深度maxLevel赋值给S10步骤中定义的最大深度字段maxLevel；S30、根据返回的动态表头数据生成包含label属性和prop属性的对象数组，用于定义并构建表格的列信息；其中，label属性作为表头的显示名称，prop属性作为表头对应的数据字段；S40、定义spanMethod函数，该spanMethod函数通过接收tableData数组、colFields数组、rowIndex、columnIndex和rowAndColArray数组，计算单元格的合并信息并返回包含rowspan信息和colspan信息的rowAndColArray数组作为结果；其中，colFields数组包含表格的列字段或标题；rowIndex表示指定要检索跨度值的行的索引；columnIndex表示指定要检索跨度值的列的索引；rowAndColArray数组用于存储表格中每个单元格的跨度值；S50、根据所述staticFields数组的prop属性和S40步骤的返回结果，生成colFields数组，用于定义表格的列字段；将S40步骤获取到的动态表头对象数组与所述staticFields数组合并为tableHeader数组，用于定义整个表格的表头；S60、获取每一行数据的rowspan信息和colspan信息，根据表格数据和字段处理需要合并的单元格信息；S70、调用el-table暴露的span-method合并行或列的计算方法，返回row,column,rowIndex,columnIndex，将这些参数以及S40步骤返回的rowAndColArray数组传入所述spanMethod函数，得到最终的单元格合并信息；其中，row表示表格中的行；column表示表格中的列。

全文数据：

权利要求：

百度查询： 城云科技(中国)有限公司 el-table动态层级表头、数据合并方法及其应用

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD