CSS добавление дополнительного расстояния между буквами для части заголовка таблицы в расширенном шаблоне PDF Netsuite

Question

У меня есть HTML-таблица с заголовками в расширенном шаблоне PDF Netsuite.По какой-то причине в одном из заголовков есть слово с дополнительным интервалом между буквами, поэтому вместо печати

Delivery
Address

для заголовка, который он печатает

D e l i v e r y
Address

Адресная часть не получаетдополнительные пробелы.

Код для заголовка:

<table class="itemtable" style="width: 100%;"><!-- start items --><#list record.item as item><#if item_index==0>
<thead>
  <tr>
    <th colspan="3">Delivery Address</th>

Я смотрел на свойства CSS, такие как word-break, letter-spacing и т. д .;но я не могу найти ничего подходящего, чтобы это исправить.

Кто-нибудь знает, почему это происходит?Этого не происходит на html-странице с тем же кодом, поэтому не уверен, почему это происходит в Netsuite.

CSS:

  table {
     font-size: 9pt;
     table-layout: fixed;
  }
  th {
      font-weight: bold;
      font-size: 8pt;
      vertical-align: middle;
      padding: 5px 6px 3px;
      background-color: #e3e3e3;
      color: #333333;
  }
  td {
      padding: 4px 6px;
  }
  td p { align:left }
  b {
      font-weight: bold;
      color: #333333;
  }
  table.header td {
      padding: 0;
      font-size: 10pt;
  }
  table.footer td {
      padding: 0;
      font-size: 8pt;
  }
  table.itemtable th {
      padding-bottom: 10px;
      padding-top: 10px;
  }
  table.body td {
      padding-top: 2px;
  }
  table.total {
      page-break-inside: avoid;
  }
  tr.totalrow {
      background-color: #e3e3e3;
      line-height: 200%;
  }
  td.totalboxtop {
      font-size: 12pt;
      background-color: #e3e3e3;
  }
  td.addressheader {
      font-size: 8pt;
      padding-top: 6px;
      padding-bottom: 2px;
  }
  td.address {
      padding-top: 0;
  }
  td.totalboxmid {
      font-size: 28pt;
      padding-top: 20px;
      background-color: #e3e3e3;
  }
  td.totalboxbot {
      background-color: #e3e3e3;
      font-weight: bold;
  }
  span.title {
      font-size: 28pt;
  }
  span.number {
      font-size: 16pt;
  }
  span.itemname {
      font-weight: bold;
      line-height: 150%;
  }
  hr {
      width: 100%;
      color: #d3d3d3;
      background-color: #d3d3d3;
      height: 1px;
  }
  .synb {
      font-weight: bold;
  }
  .synh7 {
      font-size: 10pt;
      line-height: 120%;
  }
  .synh9 {
      font-size: 8pt;
      line-height: 120%;
  }
  tr.synbordertop td {
      border-top: 1pt solid black;
  }
  span.syntitle {
      font-size: 20pt;
  }
  span.synnumber {
      font-size: 13pt;
  }

Answer 1

У меня была такая же проблема раньше.Кажется, это проблема исключительно с рендерингом PDF Netsuite.

Вот код, который я реализовал, чтобы исправить это:

Netsuite / HTML

 <th><p style="align: center;">Color</p></th> 

CSS:

  td {
        text-align: left;
        padding: 2px;
}
      th {
        padding: 2px;
      }

Вот как это выглядит без выравнивания по центру:

Вот как это выглядит с центром:

Я уверен, что это не самая идеальная ситуация, но это единственный способ, которым я смог заставить его работать, я уверен, что я пробовал многоиз того же, что вы сделали.

Я использовал информацию, приведенную в этой ссылке, для дальнейшего использования:

"Эта статья актуальна, если вы работаете с расширенными шаблонами PDF NetSuite и столкнулись с необычной ячейкой таблицы HTMLэффект выравнивания в сгенерированном PDF. "

http://blog.prolecto.com/2016/03/18/netsuite-advanced-pdf-templates-how-to-fix-table-cell-alignment-justification-anomaly/

Надеюсь, это поможет, по крайней мере, это решение я реализовывал всякий раз, когда сталкивался с подобной проблемой.