最近很多用户咨询小编，如何将超级表格中的表格进行打印？
首先，我们要先将超级表格的数据导出到Excel表格中。
相关阅读：超级表格如何将数据导出？
小提示：因为超级表格的数据是有自己的格式的，所以导出的数据想要计算使用的小伙伴，建议大家先手动转换一下表格的单元格格式。这样可以有效避免单元格数据报错的问题哦~

小编之前已经给大家整理了许多的制表技巧，学会制表之后，小编给大家整理了一下Excel表格的打印技巧。



 

  

   

  
  

   打印标题行
     
  
 



打印多页标题行的表格，可是每次打印出来却发现只有第一页有标题行？
步骤：①点击“页面布局”选项
          ②找到“页面设置”-“打印标题”
          ③在“打印标题”中可以选择顶端标题行和左端标题行
          ④选择需要打印的标题区域后，点击确定






 

  

   

  
  

   一页纸打印
   
  
 



有时候数据不多，可是刚刚好有一行数据超过一页纸。这时我们应该如何设置打印项呢？
步骤：①点击“页面布局”选项
          ②找到“页面缩放”-“将整个工作表打印为一页”






 

  

   

  
  

   打印居中显示
   
  
 



中国人喜欢对称的美感。那么打印的时候该如何设置将表格居中打呢？
步骤：
①点击“打印预览”选项
②找到“页面设置”-“页边距”
③最下方居中方式选择“水平”&“垂直”






 

  

   

  
  

   打印不显示错误值
   
  
 



表格中难免会出现错误值，如何在打印的时候不显示错误数值呢？
步骤：①点击"文件”-"页面设置”
           ②选择“工作表”-设置将错误单元格打印为“空白”





若有其他疑问，欢迎直接在下方评论留言~O(∩_∩)O~~我们会一一回答

Vue+Element 局部表格打印
 
一开始使用了print.js、Jquery.print.min.js、printArea等插件，但是使用这些插件的过程中出现了表格显示不全，样式丢失等问题。网上的办法都没有根本的解决我的问题。之后我决定通过window.print 这种方式，将需要打印的表格写入到一个新的页面中来进行打印。
 
 //获取打印的页面内容
      var print= document.getElementById('print');
      var newContent = print.innerHTML;
      var oldContent = document.body.innerHTML;
      document.body.innerHTML = newContent;
      document.getElementsByTagName('body')[0].style.zoom=0.92;
      window.print();
      window.location.reload();
      //将原有页面还原到页面
      document.body.innerHTML = oldContent;
      return false;
 
在使用插件和window这种方式打印的时候，还会出现表头偏移的问题。
 写入到新页面中，打印出来的效果如下：
 通过 @page 对打印的纸张进行设置，比如：
 
      @page{
			size: A4 landscape; /*portrait： 纵向打印,  landscape: 横向*/
		}
 
通过 @media print 对表格的样式进行修改：
 
      @media print {
        .el-table thead.is-group th {
            text-align: center
        }
        tbody {
            text-align: center;
            border: 1px solid #000;
        }
        th {
            border: 1px solid #000;
        }
        td {
            border: 1px solid #000;
        }
    }
 
出来的效果是这样：
 自己手写给表格加上了边框线，但是显示不全的问题还是没有解决。
 
      document.getElementsByTagName('body')[0].style.zoom=0.78;
 
加上这行代码可以实现缩放，但是发现在不同屏幕大小的电脑上，打印的表格会出现不同偏移，单纯的通过zoom来设置并不太好。
 
在@media print 中添加
 
        table,
        tbody,
        thead {
            width: 100% !important;
        }

        colgroup {
            position: absolute;
            width: 100% !important;
        }
 
表格显示不全是宽度的问题，给了表格一个百分比宽度，解决了表格显示不全的问题，而且也没有出现表头偏移的问题。在不同的分辨率的电脑上也可以适应，打印出来的效果也比较好。效果如下：
 本人小白一个，自己搞了好多天打印功能，网上的大部分插件，办法都试了个遍，都没有很好的解决。目前的办法也不知道是否完全适用，写的不好 多见谅！