How to wrap a long string in a table cell?

vv-a2007 · February 4, 2024, 4:09pm

I have a table in the invoice which I then convert to PDF.

And sometimes there are long lines that probably cause the table to go beyond the page.

I tried setting the "word-wrap property: break-word !important; " on the cell and parent elements, but this did not help.

How can I ensure that the table always fits within the limits?

Heather_Mann · February 4, 2024, 4:34pm

Have you tried using the text-wrap class for the cell?

vv-a2007 · February 4, 2024, 4:42pm

yes, this also appears in the element properties - but does not affect the behavior

Heather_Mann · February 4, 2024, 4:58pm

You’re using text-break. Try text-wrap. Also, you shouldn’t need the paragraph tag within the table.

vv-a2007 · February 4, 2024, 5:16pm

I tried it, but it looks like it;s some kind of outdated property.

Heather_Mann · February 4, 2024, 5:21pm

It’s a class not a property so you should put it in the class for the cell.

vv-a2007 · February 4, 2024, 5:28pm

I tried it - but it does not affect the behavior of the text in the cell

famousmag · February 4, 2024, 5:33pm

Found that:

<style>
      @media print {
        table {
          page-break-inside: avoid;
        }
        thead {
          display: table-header-group;
        }
      }
    </style>