欧美精品在线视频中文,有码+日韩+在线观看,国产午夜福利久久网

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

Wijmo5 Flexgrid基礎教程：合并單元格文字樣式

轉帖|使用教程|編輯：龔雪|2016-02-04 09:02:59.000|閱讀 368 次

概述：在上文中，我們已經介紹如何合并單元格，本文就在上文的基礎上介紹如何更改合并單元格的樣式。

相關鏈接：

在上文中，我們已經介紹如何合并單元格，本文就在上文的基礎上介紹如何更改合并單元格的樣式。對于單元格的樣式，我們之前介紹過通過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%)'
});
}
}
}