2017-05-29 6 views
0

これは、githubで質問された質問に続き、PDF#261にもっと広いテーブルを合わせてください。もっと広いテーブルをPDFに収める

異なるHTML入力から同じ方法(doc.autoTable)を使用してPDFを作成しています。 したがって、0番目の列の列スタイルをcolumnWidth: 'wrap'として定義すると、この特定のメソッドを呼び出すすべてのHTMLテーブルに同じスタイルが適用されます。

長いテキストの例に従えば、両方の列名がHTMLページから直接来ているので、&テーブル本体が直接出てきます。

var columnsLong = getColumns().concat([ 
     {title: "Title with\nlinebreak", dataKey: "text2"}, 
     {title: "Long text column", dataKey: "text"}, 
    ]); 

以下のように長いテキストの例では、私は列名が宣言された/定義されて見ているのに対し、今、2つの質問があります。 1.テーブルがカットされるので、すべての列に対して「WRAP」を適用したくありません。 2. HTML/GSPページからの列名に言及して、特定の列だけに「折り返し」を適用する必要があります。

これは親切に助けて私のコード

var res = doc.autoTableHtmlToJson($(".printReportsCaveat")[0]); 
    doc.autoTable(res.columns, res.data, { 
         columnStyles : {'Plant':{columnWidth: 'wrap'}, 
          'Mine':{columnWidth: 'wrap'}, 
          0:{textColor: [0,105,170]} 
         }, 
          margin: {top: 55, bottom : 110}, 
          headerStyles: { 
          overflow: 'linebreak', 
          // columnWidth: 'auto', 
           halign: 'center' 
          }, 
          styles : { 
           overflow: 'linebreak', 
            halign: 'center', 
            fontSize: 8 
          }, 
          createdCell: function(cell, data) { 
           var group = $('#groupByValue').val(); 
           addColorToCell(group, level3Flag, level2Flag, data, cell);       
          }, 

          addPageContent : function(data) { 
           printHeadNFoot(doc, userDtl, data);        
          }, 
          drawCell: function(cell, data) { 
           designCell(data,doc);          
          }, 
         }); 

です!

+0

私はdoc.autoTableHtmlToJsonを使用しています。 – user2072211

+0

すべての列を折り返したい場合は 'styles:{columnWidth: 'wrap'}'を代わりに使用できますか? –

+0

長いテキストの例を見ましたか? –

答えて

0

問題を正しく理解している場合は、特定の列をキーではなくインデックスで参照できます。私。 columnWidth: {0: columnWidth: 'wrap'}

+0

はい、あなたは私の意見を持っています。何らかの理由で、カラム幅が0カラムだけに適用されるのではなく、残りのカラムについても同じことができます。しかし、注意するには、私はこのカラーリング0を行うことができます:{textColor:[255,0,0]} 0列自体に。 – user2072211

+0

残りのすべての列の幅を調整する場合にのみ、0番目の列が適切に見えるようにすることができます。 {columnWidth: 'wrap'}、 1:{columnWidth:50}、\t 2:{columnWidth:30}、 3:{columnWidth :30}、4:{columnWidth:30}、 5:{columnWidth:30}、6:{columnWidth:30}、 7:{columnWidth:30}、8:{columnWidth:50}、9:{columnWidth 50,10:{columnWidth:50}、11:{columnWidth:30} 12:{columnWidth:30}、 13:{columnWidth:30}、14:{columnWidth:30}、15:{columnWidth: 30}、 0:{textColor:[255,0,0]} \t \t \t \t \t} – user2072211

関連する問題