vue+elementui+lodop打印表格

非单页结构，是在mvc视图中引用vue和elementui来使用的，打印el-table表格内容时，可能是因为样式的原因，打印的格式很难调整，在界面中增加一个隐藏的div，里面放个table，获取数据后填充table，打印这个table的内容，样式就好调整了。

@{
ViewBag.Title = "学生基本信息统计";
Layout = "~/Views/Shared/_vueLayout.cshtml";
}







    
        
            
                
            
            
                
                    
            
            
                
            
            
                
            
            
                
            
            
                
                    
                    
                
            
            
                
            
            
                
                    
                        
                
            
        
    
    
        
    
    

        

            
{{c.text}}
            

                
{{getdata(index,c.id)}}
            
        
    

stReport 中放的是一个table，根据列与数据行来填充内容，打印时需要将样式文件也传进去

 var strs="";
var strp =strs+  $('#stReport').html();