Wijmo5 Flexgrid基础教程：合并单元格文字样式-控件新闻-慧都网

产品

产品
资讯
资源
视频
学院
示例

半岛外围网上直营 > 资讯 > Wijmo5 Flexgrid基础教程：合并单元格文字样式

Wijmo5 Flexgrid基础教程：合并单元格文字样式

转帖|使用教程|编辑：龚雪|2016-02-04 09:02:59.000|阅读 383 次

概述：在上文中，我们已经介绍如何合并单元格，本文就在上文的基础上介绍如何更改合并单元格的样式。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

<Wijmo Enterprise下载>

在上文中，我们已经介绍如何合并单元格，本文就在上文的基础上介绍如何更改合并单元格的样式。对于单元格的样式，我们之前介绍过通过itemFormatter就可以设置，合并单元格的样式，也可以通过它来设置。用户需要通过getMergeRange方法判断是否是合并单元格，然后对于合并单元格修改样式。

样式中比如，文字居中。文字水平的位置通过style.textAlign属性设置居中，文字竖直居中通过css样式来设置。总得来说，代码参考如下：

itemFormatter: function (panel, r, c, cell) {
// validate CellType and if merge cell
if (wijmo.grid.CellType.Cell == panel.cellType
) {
var range = panel.grid.getMergedRange(panel, r, c);
if (range) {
cell.style.textAlign = 'center';
cell.innerHTML = '<div>' + cell.innerHTML + '</div>';

wijmo.setCss(cell.children[0], {
position: 'relative',
top: '50%',
transform: 'translateY(-50%)'
});
}
}
}