layui 打印table表格某一行数据

最新推荐文章于 2022-04-27 16:42:29 发布

appleคิดถึง

最新推荐文章于 2022-04-27 16:42:29 发布

阅读量840

点赞数

分类专栏： Layui 文章标签：打印单行table

本文链接：https://blog.csdn.net/weixin_43652106/article/details/117920865

版权

Layui 专栏收录该内容

27 篇文章 3 订阅

订阅专栏

记录：layui 打印table表格某一行数据

 $('body').on('click', '.print_apple', function () {
     $(this).removeAttr("data-open");    //禁止打开弹窗页面
     var thisHang = $(this).parent().parent().parent();
     var indexs = thisHang.attr('data-index');
     console.log(indexs);
     var tablelayid = 'currentTableRenderId';
     // hotelData = hotelData[0];    
     let hotelName = '入库任务';//酒店名称
     let businessDate = '2021-06-14';//营业日期
     let printer = '打印人';//打印人
     let printerTime = '2021-06-15';//打印时间
     let reportName = "打印某一行入库任务";
     let v = document.createElement("div");
     let f = [`<head><br><div style='text-align:center;font-size:25px;'>${hotelName}</div><div style='font-size:16px;'>${reportName}<br>营业日期:${businessDate}</div>`,
         "<style>", "body{font-size: 16px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}",
         "th,td{line-height: 20px; padding: 9px 10px; border: 1px solid #ccc; text-align: center; font-size: 18px; color: #666;}",
         "a{color: #666; text-decoration:none;}", "*.layui-hide{display: none}",
         "</style>", "</head>"].join("");
     $(v).append($(".layui-table-box").find(".layui-table-header").html());
     $(v).find("tr").after($("[lay-id=\"" + tablelayid + "\"] .layui-table-body.layui-table-main table tr[data-index="+indexs+"]").html()); 
     $(v).find("th.layui-table-patch").remove();
     $(v).find(".layui-table-col-special").remove();
     //页脚展示打印人，打印时间
     let footer = [`<footer><div><div style='float: left;'>打印人：${printer}</div><div style='float: right;'>打印时间：${printerTime}</div></div></footer >`].join("");
     let h = window.open("打印窗口", "_blank");
     h.document.write(f + $(v).prop("outerHTML") + footer);
     h.document.close();
     h.print();
     h.close();
 });