如何在razorpdf中使用css

时间:2013-07-27 07:09:51

标签: asp.net-mvc-4 razorpdf

我正在使用mvc4,我在这里使用razorpdf将我的观点转换为pdf,但我收到了错误 - Unable to cast object of type iTextSharp.text.Paragraph to type iTextSharp.text.Table

这是我正在使用的示例代码:

    @{

    Layout = "~/Views/Shared/_PdfLayout.cshtml";
}
<html>
    <body>
        <table border="1" width='500' bordercolor="RED"><tr><td colspan="3" bgcolor="LightGreen" align="center" valign="top">SSLC Marks Sheet 2013</td></tr></table></body>
</html>

2 个答案:

答案 0 :(得分:7)

由于您的代码使用_PdfLayout.chtml,因此需要使用xml格式的iTextSharp编写代码,而不是html。删除正文标记,将<tr>更改为<row>,将<td>更改为<cell>,然后使用<chunk>您的文字</chunk>来保留每个单元格内的文本。这是一个例子:

<paragraph style="font-family:Tahoma;font-size:18;font-style:normal;"&
    <chunk style="font-weight:bold;">Customer Address Report</chunk>
</paragraph>
<table width="100%" cellpadding="0" cellspacing="0.5" widths="16;12;12;12;12;12;12;12" borderwidth="1.0" left="true" right="true" top="true" bottom="true" red="0" green="0" blue="0">
    <row>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;">Customer Name</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;">Address 1</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;" align="Center">Address 2</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;" align="Center">Address 3</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;" align="Center">City</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;" align="Center">State</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;" align="Center">Postal Code</chunk>
        </cell>
        <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true" horizontalalign="Center">
            <chunk style="font-size:10;font-weight:bold;" align="Center">Country</chunk>
        </cell>
    </row>
    @foreach (var item in Model)
    {
        <row>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.customerName)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.addr1)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.addr2)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.addr3)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.city)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.state)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.postalCode)</chunk>
            </cell>
            <cell borderwidth="0.5" left="true" right="true" top="true" bottom="true">
                <chunk style="font-size:10;font-weight:normal;">@Html.DisplayFor(modelItem => item.country)</chunk>
            </cell>
        </row>
    }
</table>

答案 1 :(得分:0)

我坐在同样的问题上,似乎你不能在你的html内容中使用传统上使用的css ...只有一些内联样式设置工作..这里是我在生成的表中做了一些样式的例子....

顺便说一下,我的Layout设置为null(Layout = null),否则它不会工作......我这样做了,因为我没有用语法制作表格的知识

   <itext creationdate="@DateTime.Now.ToString()" producer="RazorPDF">
    <table>
        <tr>
            <th align="center">@Model.CampaignName</th>
        </tr>
    </table>
    <h4>@ViewBag.CampaignName</h4>

    <table border="1" cellpadding="3">
        <thead>
            <tr>
                <td colspan="5" align="center">
                    <strong>Delivery List</strong>
                </td>
            </tr>
            <tr>
                <th>@Html.DisplayNameFor(m => m.DeliveryList.FirstOrDefault().ShopName)</th>
                <th width="35%">@Html.DisplayNameFor(m => m.DeliveryList.FirstOrDefault().MediaTypeName)</th>
                <th>@Html.DisplayNameFor(m => m.DeliveryList.FirstOrDefault().Count)</th>
                <th>@Html.DisplayNameFor(m => m.DeliveryList.FirstOrDefault().Width)</th>
                <th>@Html.DisplayNameFor(m => m.DeliveryList.FirstOrDefault().Height)</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.DeliveryList)
            {
                <tr>
                    <th>@Html.DisplayFor(m => item.ShopName) - @item.ShopAddress</th>
                    <td>@Html.DisplayFor(m => item.MediaTypeName)</td>
                    <th>@Html.DisplayFor(m => item.Count)</th>
                    <td>@Html.DisplayFor(m => item.Width)</td>
                    <td>@Html.DisplayFor(m => item.Height)</td>
                </tr>
            }
        </tbody>
    </table>
    <br />
    <table border="1" cellpadding="3">
        <thead>
            <tr>
                <td colspan="5" align="center">
                    <strong>Production List</strong>
                </td>
            </tr>
            <tr>
                <th>@Html.DisplayNameFor(m => m.ProductionList.FirstOrDefault().MediaTypeName)</th>
                <th width="45%">@Html.DisplayNameFor(m => m.ProductionList.FirstOrDefault().Comments)</th>
                <th>@Html.DisplayNameFor(m => m.ProductionList.FirstOrDefault().CountAll)</th>
                <th>@Html.DisplayNameFor(m => m.ProductionList.FirstOrDefault().Width)</th>
                <th>@Html.DisplayNameFor(m => m.ProductionList.FirstOrDefault().Height)</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.ProductionList)
            {
                <tr>
                    <td>@Html.DisplayFor(m => item.MediaTypeName)</td>
                    <th width="30%">@Html.DisplayFor(m => item.Comments)</th>
                    <th>@Html.DisplayFor(m => item.CountAll)</th>
                    <th>@Html.DisplayFor(m => item.Width)</th>
                    <th>@Html.DisplayFor(m => item.Height)</th>

                </tr>
            }
        </tbody>
    </table>
</itext>