[发明专利]一种大数据前端表格组件的实现方法

权利要求书

1.一种大数据前端表格组件的实现方法，其特征在于，该方法使用relative配合absolute布局方式，通过滚动事件触发重新渲染机制，具体有如下步骤：

先配置好左侧固定列与右侧固定列用于满足锁列的需求，固定n行表格头部用于满足表格锁行的需求，并定义合计列用于满足自动计算合计值的需求；

(1)初始化表格组件的容器；

挂载表头容器$headers和表体容器$viewport，其postion属性全部设置为relative；

(2)渲染表头；

使用thRowSpan配置项定义多行表头用于满足表头跨行跨列的需求；

(3)渲染表体；

表格内容区域$canvas宽度为列宽合计值，高度为表格数据行数乘以表格行高，行高通过配置项rowHeight传入，默认25个像素的高度；

(4)判断当前表格所应渲染的数据区域；

将$canvas挂载到表体容器$viewport，根据容器$viewport当前的展现位置，即scrollTop，scrollLeft属性，判断当前表格体所应渲染的数据区域，仅渲染计算的数据区域和与紧邻该区域的数据。

2.根据权利要求1所述的一种大数据前端表格组件的实现方法，其特征在于，使用leftColumns、rightColumns配置项定义左侧固定列与右侧固定列用于满足锁列的需求，通过topRows配置项定义头部固定n行用于满足表格锁行的需求通过showSumRow、sumRows配置项定义合计列用于满足自动计算合计值的需求。

3.根据权利要求2所述的一种大数据前端表格组件的实现方法，其特征在于，据配置项的thRowSpan定义，调用initColumnBoxInfos方法，组织一个名为columnBoxInfos的数组对象，所述数组对象保存着每个表头单元格的布局信息。

4.根据权利要求3所述的一种大数据前端表格组件的实现方法，其特征在于，所述布局信息为top、bottom、left和right，这些值是根据单元格跨行、跨列计算得来，根据这些信息进行absolute布局，完成表头的展现。

5.根据权利要求4所述的一种大数据前端表格组件的实现方法，其特征在于，左侧被固定的列与右侧被固定的列则不参与横向滚动渲染的计算，不管当前应该渲染哪些列，这些固定列始终渲染。