JSON 데이터를 표 형식의 PDF로 변환 하시겠습니까?

Question

JSON data을 PDF tabular format으로 변환하는 방법 Jquery? 우리는 데이터를 렌더링하는 버튼을 제공합니다 PDF?

으로 변환하는 데 도움이되는 모든 도움말 PDF? 나는 jquery를 처음 접했을뿐, 우리가 어떻게 할 수 있는지 확신 할 수 없다.

[ 
    { 
     "file": "C:\\FI\\POC_FI\\LightningExamples\\Circular Progress Bar\\CircularProgress\\CircularProgressHelper.js", 
     "result": [ 
      { 
       "ruleId": "radix", 
       "severity": 2, 
       "message": "Missing radix parameter.", 
       "line": 15, 
       "column": 44, 
       "nodeType": "CallExpression", 
       "source": "  if(totalVal && actualVal && !isNaN(parseInt(totalVal)) && isFinite(totalVal) && !isNaN(parseInt(actualVal)) && isFinite(actualVal)){" 
      }, 
      { 
       "ruleId": "radix", 
       "severity": 2, 
       "message": "Missing radix parameter.", 
       "line": 15, 
       "column": 96, 
       "nodeType": "CallExpression", 
       "source": "  if(totalVal && actualVal && !isNaN(parseInt(totalVal)) && isFinite(totalVal) && !isNaN(parseInt(actualVal)) && isFinite(actualVal)){" 
      }, 
      { 
       "ruleId": "radix", 
       "severity": 2, 
       "message": "Missing radix parameter.", 
       "line": 17, 
       "column": 27, 
       "nodeType": "CallExpression", 
       "source": "   var percVal = parseInt(actualVal)/parseInt(totalVal) ;" 
      } 
     ] 
    }, 
    { 
     "file": "C:\\FI\\POC_FI\\LightningExamples\\Responsive Grid\\DataGrid\\DataGridHelper.js", 
     "result": [ 
      { 
       "ruleId": "default-case", 
       "severity": 2, 
       "message": "Expected a default case.", 
       "line": 21, 
       "column": 13, 
       "nodeType": "SwitchStatement", 
       "source": "   switch(currentTag.getDef().getDescriptor().getName()){" 
      }, 
      { 
       "ruleId": "no-console", 
       "severity": 2, 
       "message": "Unexpected console statement.", 
       "line": 48, 
       "column": 21, 
       "nodeType": "MemberExpression", 
       "source": "     console.log('Detected Iteration tag');" 
      } 
     ] 
    }, 
    { 
     "file": "C:\\FI\\POC_FI\\LightningExamples\\Responsive Grid\\ResponsiveDatagridWrapper\\ResponsiveDatagridWrapperController.js", 
     "result": [] 
    }, 
    { 
     "file": "C:\\FI\\POC_FI\\LightningExamples\\Responsive Grid\\ResponsiveDatagridWrapper\\ResponsiveDatagridWrapperHelper.js", 
     "result": [ 
      { 
       "ruleId": "no-alert", 
       "severity": 2, 
       "message": "Unexpected alert.", 
       "line": 34, 
       "column": 21, 
       "nodeType": "CallExpression", 
       "source": "     alert('Error in Component - '+errors[0].message);" 
      } 
     ] 
    }, 
] 

Answer 1

pdf.js를보고 싶을 수도 있습니다. 또한 테이블 지원을 추가하는 추가 패키지가 있습니다.

여기 봐

https://github.com/simonbengtsson/jsPDF-AutoTable

내가 과거에 프로젝트에 대한이 사용하고 꽤 잘 렌더링. 그래도 json에서 데이터를 가져 오려면 코드에서 약간의 작업을해야합니다.

[편집]

처음에는 구문 분석이 필요합니다. JSON.parse (yourString). 이미 JSON이라면 직접 시작할 수 있습니다. jsPDFAutotable으로는이

var columns = ['RuleID', 'Severity', 'Message'....]; 
var rows = []; 
$.each(yourJSON, function(){ 
    $.each(this.result, function(){ 
     rows.push([this.ruleId, this.severity, this.message,...]); 
    }); 
}); 

var doc = new jsPDF(); 
doc.autoTable(columns, rows); 
doc.save('table.pdf'); 

[/ 편집]