轉(zhuǎn)帖|使用教程|編輯:龔雪|2016-02-04 09:02:59.000|閱讀 368 次
概述:在上文中,我們已經(jīng)介紹如何合并單元格,本文就在上文的基礎(chǔ)上介紹如何更改合并單元格的樣式。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在上文中,我們已經(jīng)介紹如何合并單元格,本文就在上文的基礎(chǔ)上介紹如何更改合并單元格的樣式。對(duì)于單元格的樣式,我們之前介紹過通過itemFormatter就可以設(shè)置,合并單元格的樣式,也可以通過它來設(shè)置。用戶需要通過getMergeRange方法判斷是否是合并單元格,然后對(duì)于合并單元格修改樣式。
樣式中比如,文字居中。文字水平的位置通過style.textAlign屬性設(shè)置居中,文字豎直居中通過css樣式來設(shè)置。總得來說,代碼參考如下:
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%)' }); } } }
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)