clodop使用ADD_PRINT_TABLE与ADD_PRINT_HTM打印表格的区别

1、ADD_PRINT_TABLE分页打印时,单元格不会被拆分;而ADD_PRINT_HTM单元格可能被拆分,但文字不会被分割;

2、ADD_PRINT_TABLE只能打印表格,只能在表格内设置样式;而ADD_PRINT_HTM打印的是html,不仅仅可以打印表格;它是把表格放到html里打印,还可以在表格外通过<style></style>设置样式;

例子如下:

(1)ADD_PRINT_TABLE打印表格,并设置表尾无边框

//头部
var htmlTotal = '<table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;margin:0;padding:0;width: 190mm;">'
+ '<tr>'
+ '<td colspan="2" style="border:1px solid black;text-align: center;width: 20mm;height: 40px">' +'单号:' + '</td>'
+ '<td colspan="2" style="border:1px solid black;text-align: center;width: 75mm;height: 40px">' +'<span style="font-family: 黑体;font-size:35px;">' + ordernumber+'</span>' + '</td>'
+ '<td colspan="2" style="border:1px solid black;text-align: center;width: 20mm;height: 40px">' +'**:' + '</td>'
+ '<td colspan="2" style="border:1px solid black;text-align: center;width: 75mm;height: 40px">' + packedboxnumber + '</td>'
+ '</tr>'
+ '<tr>'
+ '<td colspan="8" style="border:1px solid black;text-align: left;height: 40px">' +'**代码:&nbsp;&nbsp;'+ '</td>'
+ '</tr>'
+ '<tr>'
+ '<td colspan="8" style="border:1px solid black;text-align: left;height: 40px;" border-bottom="0" >' +'**名称:&nbsp;&nbsp;'+ '</td>'
+ '</tr>';

//主体部分
htmlTotal += '<tr>'+
'<th style="border:1px solid black;" bgcolor="#A2A2A2" align="center" >序号</th>'+
'<th style="border:1px solid black;" colspan="2" bgcolor="#A2A2A2" align="center" >编码</th>'+
'<th style="border:1px solid black;" colspan="2" bgcolor="#A2A2A2" align="center" >条码</th>'+
'<th style="border:1px solid black;" colspan="2" bgcolor="#A2A2A2" align="center" >名称</th>'+
'<th style="border:1px solid black;" bgcolor="#A2A2A2" align="center" >数量</th>'+
'</tr>';

var cntorderCount = 0;
$.each(list,function(i,item){
$.each(item,function(j,obj){
cntorderCount += obj.packedamount;
htmlTotal +=
            '<tr>'+
            '<td style="border:1px solid black;text-align:center;width:22mm;">'+ index +'</td>'+
            '<td colspan="2" style="border:1px solid black;text-align:center;width:31mm;">'+_data.xlsitemcode+'</td>'+
            '<td colspan="2" style="border:1px solid black;text-align:center;width:46mm;">'+_data.displayitemnumber+'</td>'+
            '<td colspan="2" style="border:1px solid black;text-align:center;width:61mm;">'+_data.description+'</td>'+
            '<td style="border:1px solid black;text-align:center;width:30mm;">'+_data.packedamount+'</td>'+
            '</tr>';
             });
});

htmlTotal +=
'<tr>'+
'<td style="border:1px solid black;text-align:center;width:22mm;">'+'</td>'+
'<td colspan="2" style="border:1px solid black;text-align:center;width:31mm;">'+'</td>'+
'<td colspan="2" style="border:1px solid black;text-align:center;width:46mm;">'+'</td>'+
'<td colspan="2" style="border:1px solid black;text-align:center;width:61mm;">'+"合计:"+'</td>'+
'<td style="border:1px solid black;text-align:center;width:30mm;">' + cntorderCount + '</td>'+
'</tr>';

//表尾
htmlTotal +=
+ '<tr>'
+ '<td colspan="8" style="text-align: left;vertical-align: middle;padding: 0.1cm 0.1cm 0.1cm; ">'
+ '备注<br/>'
+ '1、***********。<br/>'
+ '2、***************。<br/>'
+ '3、***************。'
+ '</td>'
+ '</tr>'
+ '</table>';

LODOP.ADD_PRINT_TABLE(40,'8mm','191mm','90%',htmlTotal);

 

(2)ADD_PRINT_HTM打印表格(表格嵌套表格),并设置表尾无边框

var htmlTotal ='<table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;width: 100%;">'+'<tr><td align="center">';

   //内部第一个表格
   htmlTotal += '<style> table,td{border-collapse:collapse;border-spacing:0;padding:0;}</style><table border="1" border-color="black" style="width: 90%;">'
    + '<tr>'
                + '<td style="text-align: center;width: 15%;height: 40px">' +'单号:' + '</td>'
                + '<td style="text-align: center;width: 35%;height: 40px">' +'<span style="font-family: 黑体;font-size:35px;">' + ordernumber+'</span>' + '</td>'
    + '<td style="text-align: center;width: 15%;height: 40px">' +'**号:' + '</td>'
    + '<td style="text-align: center;width: 35%;height: 40px">' + packedboxnumber + '</td>'
    + '</tr>'
                + '<tr>'
                + '<td colspan="4" style="text-align: left;height: 40px">' +'**代码:&nbsp;&nbsp;'+ '</td>'
                + '</tr>'
                + '<tr>'
                + '<td colspan="4" style="text-align: left;height: 40px;" border-bottom="0" >' +'**名称:&nbsp;&nbsp;**有限公司'+ '</td>'
                + '</tr>'
    + '</table>';

            htmlTotal += '</td></tr><tr><td align="center">'

   //内部第二个表格
            htmlTotal += '<style> table,td,th {border-collapse:collapse;border-spacing:0;padding:0;}</style><table border="1" border-color="black"  style="width: 90%;">'+
            '<tr>'+
            '<th bgcolor="#A2A2A2" align="center" >序号</th>'+
            '<th bgcolor="#A2A2A2" align="center" >编码</th>'+
            '<th bgcolor="#A2A2A2" align="center" >条码</th>'+
            '<th bgcolor="#A2A2A2" align="center" >名称</th>'+
            '<th bgcolor="#A2A2A2" align="center" >数量</th>'+
            '</tr>';

         var cntorderCount = 0;
            $.each(list,function(i,item){
                $.each(item,function(j,obj){
                    cntorderCount += obj.packedamount;
                    htmlTotal +=

            '<tr>'+
            '<td  >'+ index +'</td>'+
            '<td colspan="2" >'+_data.xlsitemcode+'</td>'+
            '<td colspan="2" >'+_data.displayitemnumber+'</td>'+
            '<td colspan="2" >'+_data.description+'</td>'+
            '<td >'+_data.packedamount+'</td>'+
            '</tr>';
                });
            });

            htmlTotal += '<tr>'+
                '<td style="text-align:center;width:70px;">'+'</td>'+
                '<td style="text-align:center;width:100px;">'+'</td>'+
                '<td style="text-align:center;width:150px;">'+'</td>'+
                '<td style="text-align:center;width:200px;">'+"合计:"+'</td>'+
                '<td style="text-align:center;width:90px;">' + cntorderCount + '</td>'+
                '</tr>'+ '</table>';

            htmlTotal += '</td></tr><tr><td align="center">'
            //内部第三个表格
            htmlTotal += '<style> table,td{border-collapse:collapse;border-spacing:0;padding:0;}</style><table border="0" style="width: 90%;">'
                + '<tr>'
                + '<td style="text-align: left;vertical-align: middle;padding: 0.1cm 0.1cm 0.1cm; ">'
        + '备注<br/>'
        + '1、******************。<br/>'
                + '2、***********************。<br/>'
                + '3、***********************。'
        + '</td>'
                + '</tr>'
                + '</table>';

            htmlTotal +='</td></tr></table>';

            LODOP.ADD_PRINT_HTM(50,0,'100%','90%',htmlTotal);
            LODOP.SET_SHOW_MODE("BKIMG_PRINT",0);//BKIMG_PRINT的值:整数或字符型,1或“1”或“True”=是,否则不是。

(3)ADD_PRINT_HTM打印HTML(表格+div)

var htmlTotal ='<style>table tr td{border: 1px solid black;}</style>'
+'<table style="border-collapse: collapse;margin:0;padding:0;width: 9.9cm;height: 4.4cm;" align="center">'
+ '<tr>'
+ '<td style="text-align: center;vertical-align: middle;width: 2cm;height: 1.4cm">' + '<span style="font-family:华文楷体;font-size:0.4cm;vertical-align: middle;">'+ '**名称'+ '</span>' + '</td>'
+ '<td style="text-align: center;width: 7.5cm;height: 1.4cm">' +'<span style="font-family:华文中宋;font-size:0.6cm;vertical-align: middle;">'+ $("#name").val()+ '</span>'+ '</td>'
+ '</tr>'
+ '<tr>'
+ '<td style="text-align: center;width: 2cm;height: 0.8cm">' +'<span style="font-family:华文楷体;font-size:0.4cm;vertical-align: middle;">**地址</span>'+ '</td>'
+ '<td style="text-align: center;width: 7.5cm;height: 0.8cm">' +'<span style="font-family:华文楷体;font-size:0.4cm;vertical-align: middle;">'+ $("#addr").val()+ '</span>'+ '</td>'
+ '</tr>'
+ '<tr>'
+ '<td style="text-align: center;width: 2cm;height: 0.8cm">' +'<span style="font-family:华文楷体;font-size:0.4cm;vertical-align: middle;">单号</span>'+ '</td>'
+ '<td style="text-align: center;width: 7.5cm;height: 0.8cm">' +'<span style="font-family:华文楷体;font-size:0.4cm;vertical-align: middle;">'+ $("#ordernumber").val()+ '</span>'+ '</td>'
+ '</tr>'
+ '<tr>'
+ '<td style="text-align: center;width: 2cm;height: 1.4cm">' +'<span style="font-family:华文楷体;font-size:0.4cm;vertical-align: middle;">件数</span>'+ '</td>'
+ '<td style="text-align: center;vertical-align: middle;width: 7.5cm;height: 1.4cm">' +'<span style="font-family:华文中宋;font-size:0.6cm;vertical-align: middle;">'+ '第&nbsp;'+(k+1)+'&nbsp;件,共&nbsp;'+packedCount+'&nbsp;件'+ '</span>'+ '</td>'
+ '</tr>'
+ '</table>';
htmlTotal +='<div align="center">'+'<span style="font-family:华文楷体;font-size:0.4cm;">' + '----***公司----' + '</span>'
+'</div>'
LODOP.ADD_PRINT_HTM('0.01cm','0.01cm','100%','99%',htmlTotal);

 

posted @ 2018-05-04 18:05  军999  阅读(6280)  评论(0)    收藏  举报