Блог

Я использую grails flying saucer pdf renderer(9.0.4) с grails помощью .

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

Это можно было бы легко сделать, используя атрибут column-count, как определено, CSS 3.0 но в настоящее время это не поддерживается flying saucer (itext) .

Моя таблица очень проста и выглядит следующим образом

  <thead>
        <tr>
          <th>Header 1</th>
          <th>header 2</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            Value 1
          </td>
          <td>
            Value 2
          </td>
        </tr>
      </tbody>
    </table> 
  

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

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

Хм … извините за некропост… Может быть, это поможет кому-то еще… Ваш ответ лежит в другой теме — разметка html и css… Вы можете попробовать использовать не таблицу, а div или другие HTML-блоки таким образом:

 <...>
<div style="display:inline-block; width: 40%"><!-- data column -->
   <span styly="display:inline-block; width: 30%">column 1</span>
   <span styly="display:inline-block; width: 70%">column 2</span>
</div>
  

Таким образом, такие div будут размещаться на 2 (по ширине как 40% от доступной ширины строки) в одной строке