登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

19 主题	68 帖子	1745 积分

积分: 1745

2580
金币
19
主题
68
帖子

最新发帖

[已处理] FlexGrid跨行文字垂直居中

yaochenglong
高级会员 / 发表于：2015-11-21 09:53 / 查看：7002 / 回复：1

如图：

怎么让跨行的文字可以垂直居中！

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

收藏

回复

1 个回复

倒序浏览

Alice
社区贡献组 / 发表于：2015-11-23 14:15:00 沙发

回复 1楼yaochenglong的帖子

谢谢您的反馈。
您可以在itemFormatter中设置合并单元格的样式，水平位置通过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%)'
});
}
}
}

复制代码

请点击评分，对我的服务做出评价！ 5分为非常满意！

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn

回复 使用道具举报