wijmo flexgrid print

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

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

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

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

1. function renderRow(panel, r) {
   
2.         var tr = '',
   
3.         row = panel.rows[r];
   
4.         if (row.renderSize > 0) {
   
5.             tr += '<tr>';
   
6.             for (var c = 0; c < panel.columns.length; c++) {
   
7.                 var col = panel.columns[c];
   
8.                 if (col.renderSize > 0) {
   
9. 
   
10.                     // get cell style, content
    
11.                     var style = 'width:' + col.renderSize + 'px;' +
    
12.                                                                                         'text-align:' + col.getAlignment() + ';' +
    
13.                       'padding-right: 6px; border:1px solid #000';
    
14.                                                                                 var content = panel.getCellData(r, c, true);
    
15.                     if (!row.isContentHtml && !col.isContentHtml) {
    
16.                         content = wijmo.escapeHtml(content);
    
17.                     }
    
18. 
    
19.                     // add cell to row
    
20.                     if (panel.cellType == wijmo.grid.CellType.ColumnHeader) {
    
21.                         tr += '<th style="' + style + '">' + content + '</th>';
    
22.                     } else {
    
23. 
    
24.                         // show boolean values as checkboxes
    
25.                         var raw = panel.getCellData(r, c, false);
    
26.                         if (raw === true) {
    
27.                             content = '&#9745;';
    
28.                         } else if (raw === false) {
    
29.                             content = '&#9744;';
    
30.                         }
    
31. 
    
32.                         tr += '<td style="' + style + '">' + content + '</td>';
    
33.                     }
    
34.                 }
    
35.             }
    
36.             tr += '</tr>';
    
37.         }
    
38.         return tr;
    
39.     }
    
40.         }

复制代码