[发明专利]一种表格实现方法、装置、计算机终端设备及存储介质

权利要求书

1.一种表格实现方法，其特征在于，包括：

获取表格内容主体的高宽信息及行列的高宽信息；其中，所述表格由div标签生成；

确定所述表格内容主体当前可见区域的表格行列数量；

创建锚点行并赋予初始高度值，以及创建锚点列并赋予初始宽度值；

对所述锚点行和所述锚点列监听div滚动事件，以获取滚动距离值；

根据所述滚动距离值更新所述可见区域需展示的行列内容；

对所述可见区域需展示的行列内容进行渲染；

其中，所述创建锚点行并赋予初始高度值，具体为：

确定所述表格内容主体的第一行和最后一行；

分别对所述表格内容主体的第一行和最后一行创建锚点行，并分别赋予初始高度值；其中，所述第一行的锚点行和所述最后一行的锚点行均用于持续监听div纵向滚动事件；

所述创建锚点列并赋予初始宽度值，具体为：

确定所述表格内容主体的第一列和最后一列；

分别对所述表格内容主体的第一列和最后一列创建锚点列，并分别赋予初始宽度值；其中，所述第一列的锚点列和所述最后一列的锚点列均用于持续监听div横向滚动事件。

2.根据权利要求1所述的表格实现方法，其特征在于，在所述对所述可见区域需展示的行列内容进行渲染之后，还包括：

计算所述第一行的锚点行和所述最后一行的锚点行的相对高度值，并重新赋予高度值；

在检测到完成一次纵向滚动操作后，执行表格渲染的整体变更动作；

计算所述第一列的锚点列和所述最后一列的锚点列的相对宽度值，并重新赋予宽度值；

在检测到完成一次横向滚动操作后，执行表格渲染的整体变更动作。

3.根据权利要求2所述的表格实现方法，其特征在于，在所述计算所述第一列的锚点列和所述最后一列的锚点列的相对宽度值，并重新赋予宽度值之后，在所述在检测到完成一次横向滚动操作后，执行表格渲染的整体变更动作之前，还包括：

根据所述相对宽度值和预设的列宽算法，计算所述表格中所有单元格的更新宽度值，并根据所述更新宽度值更新当前所述表格中所有单元格的宽度；

其中，所述预设的列宽算法具体为：

分别获取所述表格整体的宽度信息、表头的宽度信息及所述表格内容主体的宽度信息；

重复以下步骤，直至计算完所述表格中所有单元格的更新宽度值：

遍历所述表头区域及所述表格内容主体区域的内部子节点，创建汇总结构体，并区分所述子节点的类型是所述表头区域还是所述内容主体区域；

获取单元格的合并数量标记，并记录到所述汇总结构体对应下标位置的合并数量标记中；

获取单元格宽度；

若所述单元格宽度存在，并且所述合并数量标记等于1，则格式化处理所述单元格，并将所述单元格的宽度值记录到所述汇总结构体对应下标位置的单元格宽度字段中；

得到所有的所述汇总结构体对应下标位置的单元格宽度字段后，进行更新单元格操作，并计算需要显示的行列单元格序号，以渲染可见区域单元格，以及设置单元格宽度值，给不同区域单元格添加符合所述汇总结构体的样式标记。