Bagaimana untuk mengelakkan penomboran dalam baris jadual

Question

Saya mahu mengelakkan penomboran dalam baris jadual melalui wkhtmltopdf apabila menukar HTML kepada PDF. Saya menggunakan page-break-inside:avoid dengan jadual dan ia berfungsi, tetapi tidak apabila terdapat banyak baris. Jika paparan ditetapkan untuk menyekat atau kaedah lain, format jadual akan ditukar dan sempadan dua akan dimasukkan. Atau anda boleh memasukkan pengepala jadual pada setiap halaman untuk dipaparkan apabila jadual dipecahkan.

Answer 1

Cara terbaik yang saya temui untuk mengendalikan perkara ini dalam pelayar webkit ialah meletakkan div di dalam setiap elemen td dan menggunakan page-break-inside: elakkan gaya pada div seperti ini:

...
<td>
  <div class="avoid">
    单元格内容。
  </div>
</td>
...
<style type="text/css">
  .avoid {
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0;  /* 为了避免页面断开太接近div内的文本 */
  }
</style>

Walaupun Chrome dilaporkan tidak mengenali atribut 'page-break-inside: avoid;', ini nampaknya menghalang kandungan baris daripada terbahagi dua mengikut pemisah halaman apabila menjana PDF menggunakan wktohtml. Elemen tr mungkin pecah sedikit di luar halaman, tetapi div dan apa sahaja di dalamnya tidak akan.

Answer 2

Anda boleh cuba menggunakan CSS:

<table class="print-friendly">
 <!-- 这里是你的表格的其余部分 -->
</table>

<style>
    table.print-friendly tr td, table.print-friendly tr th {
        page-break-inside: avoid;
    }
</style>

Kebanyakan peraturan CSS tidak boleh digunakan secara langsung <tr>标签，因为正如你上面指出的那样-它们具有独特的display样式，不允许这些CSS规则。然而，其中的<td>和<th>标签通常允许这种规范-你可以使用上面示例中的CSS轻松地将这些规则应用于所有子<tr>和<td>.