鍍金池/ 問答/網(wǎng)絡安全  HTML/ Windows.print（）打印iview中的table

Windows.print（）打印iview中的table

求解：使用Windows.print（）打印iview中的table，樣式全無，而且第一次點擊打印還無法獲取到數(shù)據(jù)，請問有哪位大神可否告知一下，謝謝各位了

clipboard.png

clipboard.png

回答
編輯回答
故人嘆

遇到同樣的問題，需要導入iview以及table的樣式才能顯示正常，node_modules/iview/dist/styles/iview.css

我用的print.js 第三方
現(xiàn)在我在研究如何導入table的樣式，現(xiàn)在的想法是把table的less文件轉化為css文件，然后引入，不知道是否可行，如有進展 及時聯(lián)系，謝謝

附上代碼

        this.printLoading = true
        setTimeout(() => {
          PrintJS({
            printable: this.pageId,
            documentTitle: '詳情',
            type: 'html',
            targetStyle: ['*'],
            ignoreElements: [this.actionId],
            maxWidth: 1200,
            css: ['../../../node_modules/iview/dist/styles/iview.css'],
            style: '.main-head {font-size: 16px;font-weight: bold;color: #464c5b}',
            onLoadingEnd: () => {
              this.printLoading = false
            }
          })
        }, 300)
2017年1月11日 20:10