wijmo flexgrid TopLeft列无法合并

收藏

本帖最后由 zcr 于 2017-8-7 11:21 编辑

求助：多行表头可以实现，目前我在TopLeft加了一列序号，由于有多行表头，TopLeft这一列最上方的“序号”在表头的两行都显示，这个无法合并，请问这怎么解决？
非TopLeft这一列的合并根据官网例子：单元格合并——表头合并可以解决。

JeffryLI · JeffryLI

您好，可否提供您的demo，我在您的基础来帮您看看。谢谢

zcr · zcr

JeffryLI 发表于 2017-8-7 12:07
您好，可否提供您的demo，我在您的基础来帮您看看。谢谢

您好，左上角的序号怎么合并？复杂表头中的数值如何设置居中？有没有直接的api？谢谢！

JeffryLI · JeffryLI

zcr 发表于 2017-8-7 15:09
您好，左上角的序号怎么合并？复杂表头中的数值如何设置居中？有没有直接的api？谢谢！

您好，在您的设置的var row = grid.columnHeaders.rows[0];
row.allowMerging = true;下面在添加下面的代码
var col=grid.rowHeaders.columns[0];
col.allowMerging=true;
就可以完成合并。

希望能帮到您。

zcr · zcr

JeffryLI 发表于 2017-8-7 16:57
您好，在您的设置的var row = grid.columnHeaders.rows[0];
row.allowMerging = true;下面在添加下面 ...

感谢，再请教下，col／row有没有直接设置居中（水平／垂直）？

JeffryLI · JeffryLI

zcr 发表于 2017-8-7 17:20
感谢，再请教下，col／row有没有直接设置居中（水平／垂直）？

您好，这个您需要自己写样式调整的。谢谢！

zcr · zcr

JeffryLI 发表于 2017-8-7 16:57
您好，在您的设置的var row = grid.columnHeaders.rows[0];
row.allowMerging = true;下面在添加下面 ...

，您好，左上的序号两行合并了，但是下方的数字序号也合并成一个了。具体数字不需要合并。

JeffryLI · JeffryLI

zcr 发表于 2017-8-8 10:11
，您好，左上的序号两行合并了，但是下方的数字序号也合并成一个了。具体数字不需要合并。

您好，那我们就不能用合并函数，只能通过样式来解决，我重写了左上部分的样式以及绘制

grid.itemFormatter = function(panel, r, c, cell){
if(panel.cellType === wijmo.grid.CellType.TopLeft && c ===0&&r===0){
cell.innerHTML = '<div class="header-cell" style="height:90% ">序号</div>';
cell.style='border-bottom:2px solid #eaeaea;';
}
if(panel.cellType === wijmo.grid.CellType.TopLeft && c ===0&&r===1){
//donothing
}
if(panel.cellType === wijmo.grid.CellType.RowHeader && c ===0){
cell.innerHTML = '<div class="header-cell">' + (r+1) + '</div>';
}
};

复制代码

希望能帮到您。

zcr · zcr

JeffryLI 发表于 2017-8-8 11:03
您好，那我们就不能用合并函数，只能通过样式来解决，我重写了左上部分的样式以及绘制

希望能帮到您。

好的。感谢！
合并不是根据单元格内容来决定的吗？数值不同怎么也会合并？

JeffryLI · JeffryLI

zcr 发表于 2017-8-8 11:06
好的。感谢！
合并不是根据单元格内容来决定的吗？数值不同怎么也会合并？

您好，那个固定列是是属于topleft区域，而且这里面的内容是您重新画上去的，然后就有些错乱。

		自动登录	找回密码
密码			立即注册

wijmo flexgrid TopLeft列无法合并

11 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

元老葡萄