表格打印杂记

1.打印表格跨页面，表格分割补全

<table border="1">

 <thead>
    <tr>
      <th colspan="8"></th>  //colspan的参数，根据自己表格列的个数
    </tr>
 </thead>

 <tr>
 <td></td>
 </tr>

 <tfoot>
    <tr>
      <th colspan="8"></th>  //colspan的参数，根据自己表格列的个数
    </tr>
 </tfoot>

</table>

2.点击打印，取消掉不要的样式，比如打印按钮

<style scoped lang="scss">
@media print{
 .nav-prinr{
   display: none;
 }
}
</style>

3.让单选无法点击

<style scoped lang="scss">
.disabled {
  pointer-events: none;
}
</style>

4.两个表格去掉上边线

<style scoped lang="scss">
table{
  + table {
    border-top: none;
  }
}
</style>