Hi @amjad.sahi -
Here’s the sample HTML code for that part
<table class="proposal-estimate-grid">
<caption>
<div class="estimate-caption" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px; text-align: center; height: 37.8px;">Estimate Summary - Reimbursable</div>
</caption>
<thead>
<tr class="estimate-grid-header">
<td class="" data-column="Description" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">Test Est</td>
<td class="align-right" data-column="HoursQuantity" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">Hours/Quantity</td>
<td class="" data-column="PlannedCost" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">Estimated Cost</td>
</tr>
</thead>
<tbody class="placeholder-content">
<tr class="estimate-grid-body">
<td class="" data-column="Description" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.Description">Labor</span>
</td>
<td class="align-right" data-column="HoursQuantity" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedHours"></span>
</td>
<td class="" data-column="PlannedCost" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedCost"></span>
</td>
</tr>
<tr class="estimate-grid-body">
<td class="" data-column="Description" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(226, 244, 244); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.Description">Consultants</span>
</td>
<td class="align-right" data-column="HoursQuantity" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(226, 244, 244); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedHours"></span>
</td>
<td class="" data-column="PlannedCost" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(226, 244, 244); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedCost"></span>
</td>
</tr>
<tr class="estimate-grid-body">
<td class="" data-column="Description" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.Description">Expenses</span>
</td>
<td class="align-right" data-column="HoursQuantity" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedHours"></span>
</td>
<td class="" data-column="PlannedCost" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedCost"></span>
</td>
</tr>
<tr class="estimate-grid-body">
<td class="" data-column="Description" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(226, 244, 244); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.Description">Units</span>
</td>
<td class="align-right" data-column="HoursQuantity" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(226, 244, 244); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedHours"></span>
</td>
<td class="" data-column="PlannedCost" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(226, 244, 244); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="PRESTIMATESUMMARY.PlannedCost"></span>
</td>
</tr>
</tbody>
<tfoot>
<tr class="estimate-grid-footer">
<td class="align-right" data-column="Description" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;"></td>
<td class="align-right" data-column="HoursQuantity" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;"></td>
<td class="align-right" data-column="PlannedCost" style="padding: 5.74px 9.6px 3.86px; font-size: 11px; color: rgb(77, 77, 77); background-color: rgb(255, 255, 255); border-color: rgb(77, 77, 77); border-width: 1px;">
<span class="placeholder-field" data-fieldid="_TOTAL_PRESTIMATESUMMARY.PlannedCost"></span>
</td>
</tr>
</tfoot>
</table>
For the rendering, I’m using the following VB code
Using document As New Aspose.Html.HTMLDocument(htmlContent, "")
' Initialize PdfDevice with the output stream
Using pdfDevice As New Aspose.Html.Rendering.Pdf.PdfDevice(pdfOptions, pdfStream)
' Render the HTML document to PDF
Dim renderer As New Aspose.Html.Rendering.HtmlRenderer()
renderer.Render(pdfDevice, document)
End Using
End Using