DomPDF表固定列宽并打破长文本

Question

我有一个非常长的文本表没有空格（用户希望发布一个完整的网站URL与所有参数）

然后我在每个word-break:break-all;上设置word-wrap:break-word;和<td>，希望文本可以放在桌子上。

我还将所有<td> /列宽设置为某个指定的量。

我在这里使用Laravel的DomPDF包装：https://github.com/barryvdh/laravel-dompdf

---

案例1：没有table-layout: fixed

<table class="bordered">
    <tr class="font-12">
        <th style="width: 25px">No</th>
        <th style="width: 100px">Nama Alat</th>
        <th style="width: 25px">Jml</th>
        <th style="width: 300px">Spesifikasi</th>
        <th style="width: 300px">Supplier</th>
        <th style="width: 150px">Gambar</th>
    </tr>
    @foreach ($items as $index => $item)
    <tr>
        <td style="width: 25px">{{ ($index+1) }}</td>
        <td style="width: 100px">{{ $item['name'] }}</td>
        <td style="width: 25px">{{ $item['jumlah_disetujui'] }}</td>
        <td class="font-12" style="width: 300px; word-break:break-all; word-wrap:break-word;">
            {!! nl2br( $item['spesifikasi'] ) !!}
        </td>
        <td class="font-12" style="width: 300px; word-break:break-all; word-wrap:break-word;">
            {!! nl2br( $item['supplier'] ) !!}
        </td>
        <td style="width: 150px">
            @if ($item['image'])
                <img style="max-height: 125px;" src="{{ $item['image'] }}" />
            @else
                -
            @endif
        </td>
    </tr>
    @endforeach
</table>

案例1 PDF结果：自动换行不起作用，列宽适用于文本较少的单元格，但对于具有长文本的单元格（需要自动换行）不起作用。

---

案例2：添加table-layout: fixed

<table class="bordered" style="table-layout: fixed"> <!-- only added this -->
    <tr class="font-12">
        <th style="width: 25px">No</th>
        <th style="width: 100px">Nama Alat</th>
        <th style="width: 25px">Jml</th>
        <th style="width: 300px">Spesifikasi</th>
        <th style="width: 300px">Supplier</th>
        <th style="width: 150px">Gambar</th>
    </tr>
    @foreach ($items as $index => $item)
    <tr>
        <td style="width: 25px">{{ ($index+1) }}</td>
        <td style="width: 100px">{{ $item['name'] }}</td>
        <td style="width: 25px">{{ $item['jumlah_disetujui'] }}</td>
        <td class="font-12" style="width: 300px; word-break:break-all; word-wrap:break-word;">
            {!! nl2br( $item['spesifikasi'] ) !!}
        </td>
        <td class="font-12" style="width: 300px; word-break:break-all; word-wrap:break-word;">
            {!! nl2br( $item['supplier'] ) !!}
        </td>
        <td style="width: 150px">
            @if ($item['image'])
                <img style="max-height: 125px;" src="{{ $item['image'] }}" />
            @else
                -
            @endif
        </td>
    </tr>
    @endforeach
</table>

案例2 PDF结果：自动换行有效，但列宽无效

---

我想要的是：一个固定宽度列的表，具有工作自动换行

这对DomPDF来说不可能吗？ 任何可以帮助实现此目的的解决方法或“黑客”？

或许我应该开始寻找其他/更好的PDF生成器？

编辑： 我也发现了很多Github问题，没有修复bug的迹象

• Table cell width is not honored if content exceeds the specified dimensions #1017
• Table widths do not conform to css width attribute. #1253
• Fixed table layout ignored column widths #1432

Answer 1

我用table-layout设置宽度％：固定，它工作正常

Answer 2

不是真正的“答案”，但我的解决方案是切换到Snappy PDF（使用Laravel Package）。 工作就像一个魅力，我甚至没有改变HTML标记。

Answer 3

我遇到了同样的问题，由于@ Solonka的回答，我解决了这个问题。

例：

<table border="1px" style="table-layout:fixed;">
    <tr>
        <th style="width:5%;">5%</th>
        <th style="width:10%;">10%</th>
        <th style="width:25%;">25%</th>
        <th style="width:60%;">60%</th>
    </tr>
</table>