layui打印表格自定义函数

最新推荐文章于 2024-07-17 15:26:15 发布

dengxuanxian9113

最新推荐文章于 2024-07-17 15:26:15 发布

阅读量4k

点赞数

文章标签： javascript ui java ViewUI

原文链接：http://www.cnblogs.com/bfyx/p/10058373.html

版权

函数如下

function print (tablelayid)
{
    var v = document.createElement("div");
    var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}", "th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; 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").html()); $(v).find("th.layui-table-patch").remove();
    $(v).find(".layui-table-col-special").remove();
    var h = window.open("打印窗口", "_blank");
    h.document.write(f + $(v).prop("outerHTML"));
    h.document.close();
    h.print();
    h.close();
}

效果如下

转载于:https://www.cnblogs.com/bfyx/p/10058373.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dengxuanxian9113

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
layui打印表格自定义函数

函数如下function print (tablelayid){ var v = document.createElement("div"); var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}", "table{width: 100%; border...
复制链接

扫一扫