• <legend id='rqNHe'><style id='rqNHe'><dir id='rqNHe'><q id='rqNHe'></q></dir></style></legend><tfoot id='rqNHe'></tfoot>

      <small id='rqNHe'></small><noframes id='rqNHe'>

    1. <i id='rqNHe'><tr id='rqNHe'><dt id='rqNHe'><q id='rqNHe'><span id='rqNHe'><b id='rqNHe'><form id='rqNHe'><ins id='rqNHe'></ins><ul id='rqNHe'></ul><sub id='rqNHe'></sub></form><legend id='rqNHe'></legend><bdo id='rqNHe'><pre id='rqNHe'><center id='rqNHe'></center></pre></bdo></b><th id='rqNHe'></th></span></q></dt></tr></i><div id='rqNHe'><tfoot id='rqNHe'></tfoot><dl id='rqNHe'><fieldset id='rqNHe'></fieldset></dl></div>
        <bdo id='rqNHe'></bdo><ul id='rqNHe'></ul>
      1. layui打印表格自定义函数

        最终实现打印效果如下: 具体函数如下: 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;}",
        • <tfoot id='yTjhG'></tfoot>

              <tbody id='yTjhG'></tbody>
            <i id='yTjhG'><tr id='yTjhG'><dt id='yTjhG'><q id='yTjhG'><span id='yTjhG'><b id='yTjhG'><form id='yTjhG'><ins id='yTjhG'></ins><ul id='yTjhG'></ul><sub id='yTjhG'></sub></form><legend id='yTjhG'></legend><bdo id='yTjhG'><pre id='yTjhG'><center id='yTjhG'></center></pre></bdo></b><th id='yTjhG'></th></span></q></dt></tr></i><div id='yTjhG'><tfoot id='yTjhG'></tfoot><dl id='yTjhG'><fieldset id='yTjhG'></fieldset></dl></div>

            <small id='yTjhG'></small><noframes id='yTjhG'>

                <bdo id='yTjhG'></bdo><ul id='yTjhG'></ul>
                1. <legend id='yTjhG'><style id='yTjhG'><dir id='yTjhG'><q id='yTjhG'></q></dir></style></legend>
                  最终实现打印效果如下:


                  具体函数如下:
                   
                  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();
                  }
                   
                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  首先layer.open中的type值为2,可通过以下代码直接打印弹出层的内容,代码如下,写在layer.open中: btn:['打印'],yes:function (index, layero) {var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]
                  使用layui做弹出层;并且要求打印弹出层里面的内容。直接使用window.print()方法打印不出所有的页面内容,仅仅是打印了当前屏幕内容。 我的解决办法是 获取body中所有代码,新建一个空白页面,调用document.write()方法写入,再打印该页面,实现了正常的分
                  layui操作栏模板里的判断写法: {{# if(d.role_id ==1 IS_ROLE== 1 ){ }}a class="layui-btn layui-btn-xs" lay-event="detail" role_id-data="{{d.role_id}}" onclick="set_edit(this)"修改/aa class="layui-btn layui-btn-normal layui-btn-xs" role_id-dat
                  引入问题: 传统web更新页面用页面跳转的方式,现多用局部元素重载,提高用户体验。Ajax技术就是为了实现此功能而诞生的。layui框架在table模块中提供了类似的功能,为避免二次渲染,同时体验一下框架开发者的良苦用心,对layui.table重载进行探索。 表格重载
                  layui table表格中读取数据后改变某一行的背景颜色,只需要在:done: function(res, curr, count) { 中加入如下代码即可。 for(var i =0;ires.data.length;i++){if(res.data[i].status==0){$(".layui-table tbody tr").eq(i).css("background-color","red")}}
                  html部分代码: p context-tip="自定义上下文提示信息"段落内容.../pdiv context-tip="自定义上下文提示信息"div内容.../div js代码部分: // 悬浮提示$("body").on("mouseenter", "*[context-tip]", function () { var content = $(this).attr('context-tip'
                  • <legend id='2kYsz'><style id='2kYsz'><dir id='2kYsz'><q id='2kYsz'></q></dir></style></legend>

                    <small id='2kYsz'></small><noframes id='2kYsz'>

                  • <tfoot id='2kYsz'></tfoot>
                        <tbody id='2kYsz'></tbody>

                        <i id='2kYsz'><tr id='2kYsz'><dt id='2kYsz'><q id='2kYsz'><span id='2kYsz'><b id='2kYsz'><form id='2kYsz'><ins id='2kYsz'></ins><ul id='2kYsz'></ul><sub id='2kYsz'></sub></form><legend id='2kYsz'></legend><bdo id='2kYsz'><pre id='2kYsz'><center id='2kYsz'></center></pre></bdo></b><th id='2kYsz'></th></span></q></dt></tr></i><div id='2kYsz'><tfoot id='2kYsz'></tfoot><dl id='2kYsz'><fieldset id='2kYsz'></fieldset></dl></div>
                          <bdo id='2kYsz'></bdo><ul id='2kYsz'></ul>