Heim > Artikel > Web-Frontend > Front-End-HTML-Tabelle zum Generieren eines Excel-Tabellenbeispiels

Front-End-HTML-Tabelle zum Generieren eines Excel-Tabellenbeispiels

小云云Original: 2018-02-08 13:38:043033Durchsuche

Das Unternehmen hat kürzlich sein Backend-Managementsystem geändert. Es ist erforderlich, um Hauptbuchelemente usw. in Excel-Tabellen zu exportieren. Es hat lange gedauert, bis ich es gefunden habe. Verzeihen Sie mir, weil ich nicht weiß, wie das geht. Wenn Sie welche haben, können Sie mir eine Nachricht hinterlassen. In diesem Artikel werden hauptsächlich Beispiele für die Generierung von HTML-Tabellen in Excel-Tabellen vorgestellt. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

<!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>

Verwandte Empfehlungen:

Einführung in verschiedene Methoden des PHP-Exports zum Generieren von Excel-Tabellen

Das obige ist der detaillierte Inhalt vonFront-End-HTML-Tabelle zum Generieren eines Excel-Tabellenbeispiels. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was soll ich tun, wenn das Vue-Favicon für kleine Symbole nicht angezeigt wird?Nächster Artikel：Was soll ich tun, wenn das Vue-Favicon für kleine Symbole nicht angezeigt wird?

In Verbindung stehende Artikel

Mehr sehen