2017-02-24 66 views
0

我已經在使用了NG-repeat標籤填充在一個表中的數據角JS創建了一個頁面。我使用了一些格式和colspan。我正嘗試以pdf格式導出表格。我曾嘗試以下方法:導出表與合併單元格和格式在角JS

  1. htmltoCanvas:用下面的代碼:

    $scope.export = function(){ 
        html2canvas(document.getElementById('exportthis'), { 
        onrendered: function (canvas) { 
         var data = canvas.toDataURL(); 
         var pdf = new jsPDF('landscape','pt','letter');  
         pdf.addImage(data, 'JPEG', 0, 0); 
         pdf.save("download.pdf"); 
        } 
        }); 
    } 
    

我現在所面臨的問題是:因爲它錶轉換成圖像,我不能複製的內容,也如果表(比頁以上)太龐大了它給出了一個空白的PDF文件。

  1. 我用jspdf不支持colspan,格式也丟失。

請指教。

+0

由於某種原因,我不能代碼,道歉爲... –

+0

不知道的一個很好的客戶端解決方案。 wkhtmltopdf使用webkit工作服務器端來渲染pdf,你也可以使用phantomjs本身來做到這一點,但客戶端我見過的唯一的PDF生成器需要特定的數據模型來生成頁面。您可以使用現在正在嘗試的方法來縮放事物,但可能會更好地獲得可以更直接地呈現它的內容。 – shaunhusain

回答

0

發現周圍的工作來解決我的問題。將它作爲答案發布,因爲它可能會幫助有同樣問題的人。我現在用的是打印選項,因此我能夠保存DIV與格式。