wijmo flexgrid print

收藏

求助：wijmo flexgrid print，打印出来看不到表格，按例子（http://demo.gcpowertools.com.cn/wijmo5/learningwijmo/#e6YKp）做的，在线版的这个例子打印了也是看不到表格。

JeffryLI · JeffryLI

您好，目前打印还是默认的样式，不会带有表格的border，所以就如示例这样。不好意思哈。

zcr · zcr

JeffryLI 发表于 2017-8-10 13:52
您好，目前打印还是默认的样式，不会带有表格的border，所以就如示例这样。不好意思哈。

您好，把这两行//doc.append('<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">');
//doc.append('<link href="http://cdn.wijmo.com/5.latest/styles/wijmo.min.css" rel="stylesheet">');去掉，打印就可以看到表格。这样是否无法添加打印的样式？

zcr · zcr

JeffryLI 发表于 2017-8-10 13:52
您好，目前打印还是默认的样式，不会带有表格的border，所以就如示例这样。不好意思哈。

您好，把这两行//doc.append('<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">');
//doc.append('<link href="http://cdn.wijmo.com/5.latest/styles/wijmo.min.css" rel="stylesheet">');去掉，打印就可以看到表格。这样是否无法添加打印的样式？

zcr · zcr

JeffryLI 发表于 2017-8-10 13:52
您好，目前打印还是默认的样式，不会带有表格的border，所以就如示例这样。不好意思哈。

您好，把这两行//doc.append('<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">');
//doc.append('<link href="http://cdn.wijmo.com/5.latest/styles/wijmo.min.css" rel="stylesheet">');去掉，打印就可以看到表格。这样是否无法添加打印的样式？

JeffryLI · JeffryLI

zcr 发表于 2017-8-10 14:12
您好，把这两行//doc.append('');
//doc.append('');去掉，打印就可以看到表格。这样是否无法添加打 ...

您好，我找到了一个解决方案，就是在打印的时候，我们这边重新绘制了table ，所以我的建议的是td上加上一个border,如下图

function renderRow(panel, r) {
var tr = '',
row = panel.rows[r];
if (row.renderSize > 0) {
tr += '<tr>';
for (var c = 0; c < panel.columns.length; c++) {
var col = panel.columns[c];
if (col.renderSize > 0) {
// get cell style, content
var style = 'width:' + col.renderSize + 'px;' +
'text-align:' + col.getAlignment() + ';' +
'padding-right: 6px; border:1px solid #000';
var content = panel.getCellData(r, c, true);
if (!row.isContentHtml && !col.isContentHtml) {
content = wijmo.escapeHtml(content);
}
// add cell to row
if (panel.cellType == wijmo.grid.CellType.ColumnHeader) {
tr += '<th style="' + style + '">' + content + '</th>';
} else {
// show boolean values as checkboxes
var raw = panel.getCellData(r, c, false);
if (raw === true) {
content = '☑';
} else if (raw === false) {
content = '☐';
}
tr += '<td style="' + style + '">' + content + '</td>';
}
}
}
tr += '</tr>';
}
return tr;
}
}

复制代码

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

wijmo flexgrid print

5 个回复

本帖子中包含更多资源

元老葡萄