基于JS怎么实现table导出Excel并保留样式

这篇文章主要为大家展示了基于JS怎么实现table导出Excel并保留样式，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

双辽网站建设公司创新互联建站,双辽网站设计制作，有大型网站制作公司丰富经验。已为双辽上千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的双辽做网站的公司定做！

浏览器环境：谷歌浏览器

1.在导出Excel的时候，保存table的样式，有2种方法，①是在table的行内写style样式，②是在模板里面添加样式

2.第一种方式：行内添加样式

公司一

效果：

完整代码：

  
  
  


table导出Excel

  

  

    
公司一
    
公司二一
    
公司三
  
  
  

  

    
A公司
    
B公司
    
C公司
  
  

    
A公司
    
B公司
    
C公司
  
  

    
A公司
    
B公司
    
C公司
  
  

    
共计
  
  

3.第二种方式：在模板里面里面添加样式

在这里面添加的样式excel就能找到和识别了

var template = '' +
      ' ' +
      '{table}';

完整代码:

  
  
  


table导出Excel

  

  

    
公司一
    
公司二一
    
公司三
  
  
  

  

    
A公司
    
B公司
    
C公司
  
  

    
A公司
    
B公司
    
C公司
  
  

    
A公司
    
B公司
    
C公司
  
  

    
共计
  
  





完整代码

注意：如果同时添加了行内样式和模板样式，行内的样式会覆盖模板的样式

以上就是关于基于JS怎么实现table导出Excel并保留样式的内容，如果你们有学习到知识或者技能，可以把它分享出去让更多的人看到。