js打印table样式

[-一个大坑]

一列分成了两张纸。一般table宽度设多少？

<input type="button" class="btn btn-default" value="下载" onclick="btnPrint()" />
<script>
    function btnPrint() {
        bdhtml = window.document.body.innerHTML;
        sprnstr = "<!--startprint-->";
        eprnstr = "<!--endprint-->";
        prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
        prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
        window.document.body.innerHTML = prnhtml;
        window.print();
    };
</script>

[-一个大坑]

引用 2 楼 qq_34309305 的回复:

你可以做分页啊，页面一： 标题+table数据 页面二： 标题+剩余数据 table高度一般设为：页面高度-标题高度

分页已经做好了，css样式可以控制。现在是2楼的问题，我不想显示table页面直接打印。但是打印是空的

[-一个大坑]

        $(function () {
            $("#btnPrint").click(function () {
                $.ajax({
                    url: '/SCRP0101/GetPrintSendCar',
                    type: "GET",
                    data: {},
                    success: function (data) {
                        $("#disposeDiv").empty().append(data); //加这句就会打开table页面，不加接收不到table的返回值，打印是空白
                        bdhtml = window.document.body.innerHTML;
                        sprnstr = "<!--startprint-->";
                        eprnstr = "<!--endprint-->";
                        prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
                        prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
                        window.document.body.innerHTML = prnhtml;
                        window.print();
                    },
                    error: function (msg) {
                        alert('失败了,可能后台报错');
                    },
                });
            })
        });

[75闪光雷]

引用 3 楼 happy4944 的回复:

[quote=引用 2 楼 qq_34309305 的回复:] 你可以做分页啊，页面一： 标题+table数据 页面二： 标题+剩余数据 table高度一般设为：页面高度-标题高度

分页已经做好了，css样式可以控制。现在是2楼的问题，我不想显示table页面直接打印。但是打印是空的[/quote] 你的意思是跳过打印预览这步， 直接打印， 原因是你觉得预览画面难看？ 我理解的对不？

[-一个大坑]

我想不显示table页面直接调用打印机打印，该怎么写？ table页面里面一堆table，不好看，我想让user点打印跳过table显示页面直接打印。我就建了个子页面，把要打印的页面显示在子页面。直接在父页面点击打印就可以进入打印，但是我写的应该是没接收到返回的子页面，打印机显示打印预览是空白

 $(function () {
            $("#btnPrint").click(function () {
                $.ajax({
                    url: '/SCRP0101/GetPrint',
                    type: "GET",
                    data: {},
                    success: function (data) {
                        //bdhtml =data; 直接连预览都显示不了
                        bdhtml = window.document.body.innerHTML;
                        sprnstr = "<!--startprint-->";
                        eprnstr = "<!--endprint-->";
                        prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
                        prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
                        window.document.body.innerHTML = prnhtml;
                        window.print();
                    },
                    error: function (msg) {
                        alert('失败了,可能后台报错');
                    },
                });
            })
        });

[75闪光雷]

你可以做分页啊，页面一： 标题+table数据 页面二： 标题+剩余数据 table高度一般设为：页面高度-标题高度

[-一个大坑]

引用 5 楼 qq_34309305 的回复:

你的意思是跳过打印预览这步， 直接打印， 原因是你觉得预览画面难看？ 我理解的对不？

恩，直接跳到print（）方法，不经过disposeDiv这个隐藏的div。 不要这句$("#disposeDiv").empty().append(data); bdhtml = ？？

[霜月枫桥]

路过，顶一下