PrintDocument 打印问题

使用PrintDocument 方法打印表格,如何设置让打印出来的表格有网格线?代码如下:



function printDocument(ids, title) {
    var thistitle = title ? title : "tz";
    var doc = new wijmo.PrintDocument({title: thistitle + new Date().Format('yyyy-MM-dd')});
    if (!ids)
        throw new Error('请传递flexid');
    var flex = getFlexGrid(ids);
    var tbl = renderTable(flex);
    doc.append(tbl);
    doc.print();
}

function renderTable(flex) {
    // start table
    var tbl = '<table>';
    // headers
    if (flex.headersVisibility & wijmo.grid.HeadersVisibility.Column) {
        tbl += '<thead>';
        for (var r = 0; r < flex.columnHeaders.rows.length; r++) {
            tbl += renderRow(flex.columnHeaders, r);
        }
        tbl += '</thead>';
    }
    // body
    tbl += '<tbody>';
    for (var r = 0; r < flex.rows.length; r++) {
        tbl += renderRow(flex.cells, r);
    }
    tbl += '</tbody>';
    // done
    tbl += '</table>';
    return tbl;
}

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';
                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 {
                    // rt.Style.GridLines.All = LineDef.Default
                    // show boolean values as checkboxes
                    var raw = panel.getCellData(r, c, false);
                    if (raw === true) {
                        content = '&#9745;';
                    } else if (raw === false) {
                        content = '&#9744;';
                    }

                    tr += '<td style="' + style + '">' + content + '</td>';
                }
            }
        }
        tr += '</tr>';
    }
    return tr;
}

您好，请参考这个demo.

nicksong 发表于 2017-12-4 19:00
太感谢您了

不客气哈。

JeffryLI 发表于 2017-12-4 18:03
您好，我这边都是正常的，打印也是好的，这样吧，我做一个离线demo发给你，最晚明天中午吃饭前给您。

太感谢您了

您好，我这边都是正常的，打印也是好的，这样吧，我做一个离线demo发给你，最晚明天中午吃饭前给您。

JeffryLI 发表于 2017-12-4 16:03
您好，打印的文件有网格线吗？我这边预览是正常的，如我发给您的示例链接。

您好,您发给我的链接我和我同事打开预览都是空白的,数据都没打印出来

nicksong 发表于 2017-12-4 13:42
这个示例可以打印,但是不能预览,是空白的.

您好，打印的文件有网格线吗？我这边预览是正常的，如我发给您的示例链接。

JeffryLI 发表于 2017-12-4 09:53
您好，您把帖子都发错误地方了，怪不得我找不见，您可以参照这个示例http://demo.gcpowertools.com.cn/wijm ...

这个示例可以打印,但是不能预览,是空白的.

nicksong 发表于 2017-12-4 10:08
抱歉哈....
我找的就是这个示例,但是不知道代码哪里可以控制表格线的显影

没关系，打印的时候导出表格的样式是我们组织成table扔给打印接口来打印的，希望能帮到您。

JeffryLI 发表于 2017-12-4 09:53
您好，您把帖子都发错误地方了，怪不得我找不见，您可以参照这个示例http://demo.gcpowertools.com.cn/wijm ...

抱歉哈....
我找的就是这个示例,但是不知道代码哪里可以控制表格线的显影