[发明专利]一种基于Web前端的表格处理系统及方法

权利要求书

1.一种基于Web前端的表格处理系统，其特征在于，包括：html表格模块；

所述html表格模块包括左侧固定列表格模块、右侧固定列表格模块和主表格模块，所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块分别用于插入两列代理列模块，所述html表格模块和所述代理列模块还包括table元素、tr元素和td元素；其中，所述tr元素用于定义表格的行，所述td元素用于定义表格的单元格，若所述tr元素不设置固定的行高度，所述tr元素的高度由所述td元素决定；

所述html表格模块还包括更新模块，所述更新模块包括表格控制器类TableCtrl和观察者类RowObserver；

若检测到所述主表格模块中所述tr元素高度发生变化，获取对应的高度变化值，并将所述高度变化值赋值给所述主表格模块中的所述代理列模块中的所述td元素，所述表格控制器类TableCtrl用于查找所述高度变化值，所述观察者类RowObserver用于更新所述左侧固定列和所述右侧固定列中所述代理列模块的高度，实现动态行高和固定列同步更新。

2.根据权利要求1所述的一种基于Web前端的表格处理系统，其特征在于，所述代理列模块中的所述单元格的td元素包括.proxy子元素，所述.proxy子元素用于同步非其所属代理列模块的相同行的高度属性，实现动态行高与固定列并存的表格。

3.根据权利要求2所述的一种基于Web前端的表格处理系统，其特征在于，所述观察者类RowObserver包括trigger()函数接口，所述trigger()函数接口用于更新所述主表格模块高度发生变化的当前行对应的所述左侧固定列和所述右侧固定列代理列单元格的高度，实现所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块的行高度同步更新。

4.根据权利要求3所述的一种基于Web前端的表格处理系统，其特征在于，

所述表格控制器类TableCtrl包括函数参数rowIndex，用于查找所述高度变化值。

5.根据权利要求4所述的一种基于Web前端的表格处理系统，其特征在于，所述html表格模块还包括div元素，所述div元素用于计算所述html表格模块的目标区域。

6.一种基于Web前端的表格处理方法，其特征在于，应用于权利要求1-5任一项所述的基于Web前端的表格处理系统，所述方法包括：

根据所述html表格模块的第n行所添加新的内容，检测到所述主表格模块的所述tr元素高度发生变化，获得对应的高度变化值；

根据所述表格控制器类TableCtrl查找所述高度变化值；

根据所述观察者类RowObserver更新当前所在行对应的所述左侧固定列和所述右侧固定列的所述代理列模块的高度，从而实现动态行高和固定列同步更新。

7.根据权利要求6所述的一种基于Web前端的表格处理方法，其特征在于，所述根据所述表格控制器类TableCtrl查找所述高度变化值，包括：

调用所述表格控制器类TableCtrl；其中，所述表格控制器类TableCtrl包括函数参数rowIndex，用于查找所述高度变化值。

8.根据权利要求7所述的一种基于Web前端的表格处理方法，其特征在于，所述根据所述观察者类RowObserver更新当前所在行对应的所述左侧固定列和所述右侧固定列的所述代理列模块的高度，从而实现动态行高和固定列同步更新，包括：

调用所述观察者类RowObserver的trigger()函数接口，所述trigger()函数接口用于更新所述主表格模块高度发生变化的当前行对应的所述左侧固定列和所述右侧固定列代理列单元格的高度，从而实现所述左侧固定列表格模块、所述右侧固定列表格模块和所述主表格模块的行高度同步更新。