Мне удалось успешно создать простую таблицу HTML и затем преобразовать ее в файл PDF. Тем не менее, изображение, которое я имею для таблицы, не появится в файле PDF после загрузки. Может кто-нибудь сказать мне, почему это может происходить? Я предоставил код относительно того, как я его выложил. Я использую itextsharp и itextsharp.xmlworker, чтобы преобразовать его в PDF.
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<style type="text/css">
body {
font-family: Arial;
font-size: 9pt;
}
</style>
</head>
<body>
<hr />
<div id="Grid" style="align-content: center">
<img src="~/Content/images/logo.png">
<h1 style="text-align:center;">Week of 01/01/2020 Report for Pizza Planet</h1>
<h4>Compliance</h4>
<table cellpadding="5" cellspacing="0" style="border: 1px solid #ccc;font-size: 9pt; width: 1000px">
<tr>
<th style="background-color: #f0522f;border: 1px solid #ccc">Number of Deliveries</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Audited Savings</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Gross Amount Due</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Monthly Total</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Year-To-Date Total</th>
</tr>
<tr>
<td style="width:120px;border: 1px solid #ccc">234</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
</tr>
</table>
<h4>Special Handling</h4>
<table cellpadding="5" cellspacing="0" style="border: 1px solid #ccc;font-size: 9pt; width: 1000px">
<tr>
<th style="background-color: #f0522f;border: 1px solid #ccc">Number of Deliveries</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Audited Savings</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Gross Amount Due</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Monthly Total</th>
<th style="background-color: #f0522f;border: 1px solid #ccc">Year-To-Date Total</th>
</tr>
<tr>
<td style="width:120px;border: 1px solid #ccc">234</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
<td style="width:120px;border: 1px solid #ccc">100.00</td>
</tr>
</table>
</div>
<br />
<br />
@using (Html.BeginForm("Export", "REPORT", FormMethod.Post))
{
<input type="hidden" name="GridHtml" />
<input type="submit" id="btnSubmit" value="Download" />
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btnSubmit").click(function () {
$("input[name='GridHtml']").val($("#Grid").html());
});
});
</script>
</body>
</html>