js解决打印时tabel表格不被截断，实现表格自动分行

问题描述：要求打印tabel时能正常打印，当表格数据过多或者某个表格中字数太长，导致打印被强制截断

如图：

解决方案：

第一种方法 在tabel中添加标签thead，tbody

如图所示：

  <table>
      <thead>
        <tr>
          <td>标题</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>内容</td>
        </tr>
      </tbody>
    </table>

解决效果   

      如图

 

第二种方法     给tabel标签添加 css属性下面三个(切记这三个属性不可以加在tr和td上面)

page-break-inside: avoid;

page-break-after: avoid;

page-break-before: avoid;

关于以上三个属性大家也可以参考官方文档：CSS Page-break-after 属性 | 菜鸟教程 (runoob.com)

官方的意思是：请尽可能少地使用分页属性，并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

如图所示：

/* 分页打印的问题 */
table {
  page-break-inside: avoid;
  page-break-after: avoid;
  page-break-before: avoid;
}

解决效果 自己试一下 一般只用第一个就ok了