博客列表 >使用JQuery插件 tableExport 将HTML表格导出为Excel格式表格

使用JQuery插件 tableExport 将HTML表格导出为Excel格式表格

萝卜温的博客
萝卜温的博客原创
2018年05月21日 14:45:531496浏览

demo代码如下:

<div class="row">
   <div class="col-lg-12">
      <div>
         <button class="btn btn-primary" type="button" onclick="export2excel()">导出为Excel</button>
      </div>
      <table class="table table-hover" id="mytable">
         <thead>
         <tr>
            <th>驻点村居</th>
            <th>投稿数(总)</th>
            <th>投稿数(待审核)</th>
            <th>投稿数(审核通过)</th>
            <th>投稿数(审核不通过)</th>
         </tr>
         </thead>
         <tbody>
         <tr>
            <td>某镇某村/社区</td>
            <td>888</td>
            <td>8</td>
            <td>800</td>
            <td>80</td>
         </tr>
         <tr>
            <td>某镇某村/社区</td>
            <td>888</td>
            <td>8</td>
            <td>800</td>
            <td>80</td>
         </tr>
         <tr>
            <td>某镇某村/社区</td>
            <td>888</td>
            <td>8</td>
            <td>800</td>
            <td>80</td>
         </tr>
         </tbody>
      </table>
   </div>
</div>
<!--jquery一定要在前面被加载-->
<script src="resource/js/lib/jquery-1.11.1.min.js"></script>
<script src="resource/js/lib/FileSaver.min.js"></script>
<script src="resource/js/lib/tableExport.min.js"></script>
<script>
   function export2excel () {
        $('#mytable').tableExport({type:'excel'});
   }
</script>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议