EasyUI 导出数据表格

通过前端导出datagrid数据表格，无需通过后端！
可参考如下的链接：EasyUI 导出数据表格

    function toHtml(target, rows){
        rows = rows || getRows(target);
        var dg = $(target);
        var data = ['<table border="1" rull="all" style="border-collapse:collapse">'];
        var fields = dg.datagrid('getColumnFields',true).concat(dg.datagrid('getColumnFields',false));
        var trStyle = 'height:32px';
        var tdStyle0 = 'vertical-align:middle;padding:0 4px';
        data.push('<tr style="'+trStyle+'">');
        for(var i=0; i<fields.length; i++){                           //通过此处可以修改下载表格列的数目
            var col = dg.datagrid('getColumnOption', fields[i]);
            var tdStyle = tdStyle0 + ';width:'+col.boxWidth+'px;';
            data.push('<th style="'+tdStyle+'">'+col.title+'</th>');
        }
        data.push('</tr>');
        $.map(rows, function(row){
            data.push('<tr style="'+trStyle+'">');
            for(var i=0; i<fields.length; i++){                       //通过此处可以修改下载表格列的数目
                var field = fields[i];
                data.push(
                    '<td style="'+tdStyle0+'">'+row[field]+'</td>'
                );
            }
            data.push('</tr>');
        });
        data.push('</table>');
        return data.join('');
    }

个人认为是在代码注释的地方可以进行修改，达到控制表格列的数目，是我也已经实现此功能！（由于个别原因没能够上传截图请见谅）

百度网盘：https://pan.baidu.com/s/1zeOmyXWYKSbSNedNdyfXXg 提取码：5xxt