如何提供打印引导表的选项?

时间:2016-11-05 16:15:09

标签: javascript jquery printing

我的问题很简单且有限,我想打印一个带有Id(“myTbl”)的引导程序表,那么如何才能使用javascript / jquery呢?(我不想使用插件)

我是使用jquery和bootstrap的新手请帮助

1 个答案:

答案 0 :(得分:1)

   <script>
   $(function () {
        $('button[type="submit"]').click(function () {
            var pageTitle = 'Page Title',
                stylesheet = '//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css',
                win = window.open('', 'Print', 'width=500,height=300');
            win.document.write('<html><head><title>' + pageTitle + '</title>' +
                '<link rel="stylesheet" href="' + stylesheet + '">' +
                '</head><body>' + $('#myTbl')[0].outerHTML + '</body></html>');
            win.document.close();
            win.print();
            win.close();
            return false;
        });
    });
    </script>


     <button class="btn  btn-default" type="submit">Print Item</button>