VueJS开发框架下Wijmo FlexGrid教程-单元格合并、自定义单元格.pdf

VueJS 开发框架下Wijmo FlexGrid 教程-单元格合并、 自定义单元格 单元格合并 所有版本的 FlexGrid 都支持内容驱动的单元格合并。 要合并单元格，设置 allowMerging 来表明你希望合并表格的哪部分， 设置指 定的 row 和 column 对象的 allowMerging 属性为 true。 一旦那样做，表格 会自动合并有相同内容的单元格，在视觉上对数据分组。 在下面的样例，Country, Product, Color,和 Active 的 allowMerging 属性设 为 true。 尝试更改表格的 allowMerging 属性值，对合并列排序来查看合并动作。 未绑定表格 所有版本的 FlexGrid 都支持未绑定模式，你在代码里添加行和列，表格存储它 自己的值（没有额外的数据源）。 这个样例演示如何创建，生成额外的头部行。 如何将任意（未绑定）的数据分 配到表格单元格。 自定义单元格 你可以通过设置 itemFormatter 属性为一个函数来自定义 FlexGrid 的单元格。 这个函数创建基于单元格数据的任意 HTML 片段，并使用单元格元素的 innerHtml 属性将它们传递到函数中。 这个样例演示如何创建迷你折线图，迷你柱形图，迷你盈亏图的单元格。 这里 使用的 itemFormatter 函数使用 SVG 来创建这些迷你图。