Как установить цвет фона и границы таблицы в файле PDF, используя HTML в C # - PullRequest
Новая
       3

Как установить цвет фона и границы таблицы в файле PDF, используя HTML в C #

0 голосов
/ 18 октября 2019

Я создал поколение файлов PDF, используя HTML-шаблон. но после генерации pdf цвета фона на теге h4 и цвет также не задан, пожалуйста, предложите мне

я пытаюсь встроить CSS на заданный цвет фона и правильный цвет границы таблицы в html, но после генерации pdf этот CSS не применяется

Контроллер: - 

public void abcd()
        {
            try
            {
                string abc = Request.QueryString["abc"];
                string strFileName = abc;
                string strFileExtension = ".pdf";
                string strContentType = FileManager.FileContentType_application_msexcel;
                string strExportData = string.Empty;
                Document pdfDoc = new Document(PageSize.A4, 43f, 50f, 5f, 50f);
                HTMLWorker htmlparser = new HTMLWorker(pdfDoc);
                var output = new MemoryStream();
                StringWriter sw = new StringWriter();
                HtmlTextWriter htw = new HtmlTextWriter(sw);
                StringReader sr;
                sr = new StringReader(Convert.ToString(ExportData.abcUserDetails(abc)));
                PdfWriter.GetInstance(pdfDoc, output);
                pdfDoc.Open();
                htmlparser.Parse(sr);
                pdfDoc.Close();
                strFileName = strFileName.Replace(" - ", "-").Replace(" ", "-").Replace("--", "-");
                Response.ClearContent();
                Response.Buffer = true;
                Response.AddHeader("content-disposition", string.Format("attachment; filename={0}{1}", strFileName, strFileExtension));
                Response.ContentType = strContentType;
                Response.Charset = "";
                Response.BinaryWrite(output.ToArray());
                Response.Flush();
                Response.End();
            }
            catch (Exception ex)
            {
                Settings.exceptionLog.Publish(ex);

            }
        }

Модель: - 

public static string abcUserDetails(string abc)
        {
            string strHtmlBody = (new WebClient()).DownloadString(HttpContext.Current.Server.MapPath("~/Templates/abcUserDetails.html"));
            string DomainURL = Settings.GetSettingsKeyValue("DomainURL");
            IDictionary<string, string> objData = new Dictionary<string, string>();
            dynamic dtUser = User.GetuserDetails(abc);

            foreach (dynamic m in dtUser)
            {

                objData.Add("User.Name", Convert.ToString(m["Name"]));
                objData.Add("User.RegNo", Convert.ToString(m["RegNo"]));
                objData.Add("User.Gender", Convert.ToString(m["Gender"]));
                objData.Add("User.EmailId", Convert.ToString(m["EmailId"]));
                objData.Add("User.Address", Convert.ToString(m["VLEAddress"]));

            }
            string strValue = string.Empty;
            foreach (KeyValuePair<string, string> data in objData)
            {
                strValue = HttpUtility.HtmlEncode(data.Value);
                strHtmlBody = strHtmlBody.Replace(string.Format("%{0}%", data.Key), strValue);
            }
            return strHtmlBody;
        }

HTML-шаблон: - 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <link href="../css/custom/style.css" rel="stylesheet" />
    <title></title>

</head>
<body style="font-family:Arial;font-size:7.5px;vertical-align:top!important;">
    <h4 style="background-color:#d48d88;text-transform: uppercase;font-weight:bold;width:100%;">
        User Details
    </h4>
    <table border="1" style="color:#000000;border-color:#6f6f6f;border-style: ridge;">
        <tr>
            <td valign="top" style="font-weight:bold;">
                <b>Name</b>
            </td>
            <td valign="top">
                %User.Name%
            </td>
            <td valign="top" style="font-weight:bold;">
                <b>Mobile number</b>
            </td>
            <td valign="top">
                %User.Mobile%
            </td>
            <td valign="top" style="font-weight:bold;">
                <b>Email Id</b>
            </td>
            <td valign="top">
                %User.Email%
            </td>

        </tr>
    </table>
 </body>
</html>

Ожидаемый результат: - enter image description here

Ответы [ 2 ]

0 голосов
/ 19 октября 2019 

   thead th{
    background: #ddd;
  }
  table {
    width: 100% !important;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: none;
  }
  th, td {
    border: 1px solid #a9a6a6;
    padding: 5px 8px;
    text-align: left;
  } 
  h4 {
    background-color: #d48d88;
    color: white;
    padding: 5px;
    text-align: center;
    font-size: 16px;
  }  
 <h4>User Details</h4>
    <table>
        <thead>
           <tr>
                <th>Name </th>
                <th> %User.Name%</th>
                <th>Mobile number</th>
                <th> %User.Mobile%</th>
                <th>Email Id</th>
                <th>%User.Email%</th>
            </tr>
        </thead>
       
        <tbody>
             <tr>
                 <td> your name </td>
                 <td> user name </td>
                 <td> your mobile </td>
                 <td> your mobile no </td>
                 <td> example@gmail.com </td>
                 <td> User email</td>
             </tr>
             <tr>
                 <td> your name </td>
                 <td> user name </td>
                 <td> your mobile </td>
                 <td> your mobile no </td>
                 <td> example@gmail.com </td>
                 <td> User email</td>
             </tr>   
        </tbody>
    </table>

[надеюсь, это поможет вам ::::::::::::: Дайте мне знать, если это работает.]

0 голосов
/ 18 октября 2019

По умолчанию конвертер HTML в PDF будет отображать HTML-документ для «экрана», но это можно изменить, если для свойства HtmlToPdf.MediaType назначен другой тип мультимедиа.

Например, если это свойствопри установке «print» свойства CSS, определенные правилом «@media print», будут использоваться при рендеринге HTML вместо свойств CSS, определенных правилом «@media screen». 

 p { 
      font-family: Verdana; 
      font-size: 14px; 
      font-style: italic; 
      color: Green; 

 } 

 @media print { 
    p { 
        border-style: dashed;
    } 
 }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...