recherche

Maison  >  Article  >  interface Web  >  Tableau HTML frontal pour générer un exemple de tableau Excel

Tableau HTML frontal pour générer un exemple de tableau Excel

小云云
小云云original
2018-02-08 13:38:043035parcourir

L'entreprise a récemment modifié son système de gestion backend. Il est nécessaire d'exporter les éléments du grand livre, etc. dans des tableaux Excel. Il m'a fallu beaucoup de temps pour le trouver. Il est implémenté via query.table2excel.js. Pardonnez-moi car je ne sais pas comment faire cela. si vous en avez, vous pouvez me laisser un message. Cet article partage principalement avec vous des exemples de génération de tableaux HTML dans des tableaux Excel. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde. 


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <table class="table"> //表格
      <tr class="noExl"> //加class是为了有些你不想导出用来选则
        <th>Header</th>
        <th>111</th>
      </tr>
      <tr>
        <td>Data</td>
        <td>222</td>
      </tr>
    </table>
     
    <button id="btn">导出</button>
     
    <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery
    <script src="js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件
    <script type="text/javascript">
      $("#btn").click(function(){ //点击按钮执行导出
        $(".table").table2excel({ //选取导出的表格
          exclude: ".noExl", //写你不想都想导出的
          name: "Excel Document Name",
          filename: "项目", //导出的文件名
          exclude_img: true, //是否导出图片
          exclude_links: true,
          exclude_inputs: true
        });
      })
    </script>
     
  </body>
</html>

Recommandations associées :

Introduction à plusieurs méthodes d'exportation php pour générer des tableaux Excel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Que dois-je faire si le favicon de la petite icône Vue ne s'affiche pas ?Article suivant：Que dois-je faire si le favicon de la petite icône Vue ne s'affiche pas ?

Articles Liés

Voir plus