轉帖|使用教程|編輯:龔雪|2016-02-04 09:02:59.000|閱讀 368 次
概述:在上文中,我們已經介紹如何合并單元格,本文就在上文的基礎上介紹如何更改合并單元格的樣式。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
在上文中,我們已經介紹如何合并單元格,本文就在上文的基礎上介紹如何更改合并單元格的樣式。對于單元格的樣式,我們之前介紹過通過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%)' }); } } }
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網