Array Iteration - TEMPLATES-SAMPLES
PDF from HTML Template sample in TEMPLATES-SAMPLES demonstrating ‘Array Iteration’
data.json
{
"inputArr": [
{
"Name": "Task 1",
"Description": "Task 1 Description",
"Status": "Pending"
},
{
"Name": "Task 2",
"Description": "Task 2 Description",
"Status": "Approved"
},
{
"Name": "Task 3",
"Description": "Task 3 Description",
"Status": "Completed"
},
{
"Name": "Task 4",
"Description": "Task 4 Description",
"Status": "Closed"
},
{
"Name": "Task 5",
"Description": "Task 5 Description",
"Status": "Closed"
},
{
"Name": "Task 6",
"Description": "Task 6 Description",
"Status": "Completed"
},
{
"Name": "Task 7",
"Description": "Task 7 Description",
"Status": "Open"
},
{
"Name": "Task 8",
"Description": "Task 8 Description",
"Status": "Completed"
},
{
"Name": "Task 9",
"Description": "Task 9 Description",
"Status": "Pending"
},
{
"Name": "Task 10",
"Description": "Task 10 Description",
"Status": "Open"
}
]
}
template.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TODO List</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Task Name</th>
<th>Status</th>
<th>Description</th>
</tr>
</thead>
<tbody>
{{#each inputArr}}
<tr>
<td>{{this.Name}}</td>
<td>{{this.Status}}</td>
<td>{{this.Description}}</td>
</tr>
{{/each}}
</tbody>
</table>
</body>
</html>
PDF.co Web API: the Web API with a set of tools for documents manipulation, data conversion, data extraction, splitting and merging of documents. Includes image recognition, built-in OCR, barcode generation and barcode decoders to decode bar codes from scans, pictures and pdf.
Download Source Code (.zip)
return to the previous page explore PDF from HTML Template endpoint
Copyright © 2016 - 2023 PDF.co