table2excel-HTML テーブルのコンテンツを Excel_html/css_WEB にエクスポート-ITnose

簡単なチュートリアル

jquery-table2excel は、HTML テーブルの内容を Microsoft Excel スプレッドシートにエクスポートできる jQuery プラグインです。このプラグインは、必要に応じてテーブルの内容をエクスポートでき、不要な行をエクスポートする必要はありません。ファイルサイズも小さくてとても使いやすいです。

エクスポートされる Excel ファイルの形式に注意してください。デフォルトのエクスポートは .xml ファイルです。

デモを見る プラグインをダウンロードする

使い方

table2excel を使用する テーブル プラグインは、jquery および jquery.table2excel.js ファイルをページに導入する必要があります。

<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.table2excel.js"></script>

HTML 構造

標準の HTML テーブル構造のデータを Excel にエクスポートできます。HTML テーブルの構造は次のとおりです。

<table>  <thead>    <tr class="noExl">      <td>带<code>noExl</code>class的行不会被输出到excel中</td>      <td>带<code>noExl</code>class的行不会被输出到excel中</td>    </tr>    <tr>      <td>这一行会被导出到excel中</td>      <td>这一行会被导出到excel中</td>    </tr>  </thead>  <tbody>    <tr>      <td>单元格1-1</td>      <td>单元格1-2</td>    </tr>    <tr>      <td>单元格2-1</td>      <td>单元格2-2</td>    </tr>    <tr>      <td>单元格3-1</td>      <td>单元格3-2</td>    </tr>  </tbody>  <tfoot>    <tr>      <td colspan="2">合并2个单元格</td>    </tr>  </tfoot></table>

特定の場合。テーブル内の行を Excel にエクスポートする必要はありません。この行に .noExl クラスを追加できます。このクラスは、プラグインの初期化時にパラメーターを通じてエクスポートされないデータとして指定されます。

プラグインを初期化する

ページ DOM 要素をロードした後、次の方法で table2excel プラグインを初期化できます。

$("#table2excel").table2excel({  // 不被导出的表格行的CSS class类  exclude: ".noExl",  // 导出的Excel文档的名称  name: "Excel Document Name",  // Excel文件的名称  filename: "myExcelTable"});

構成パラメータ

table2excel プラグインの使用可能な構成パラメータは次のとおりです。

• 除外されるもの: テーブル行の CSS クラス輸出されていない。

• name: エクスポートされた Excel ドキュメントの名前。

• ファイル名: Excel ファイルの名前。

• exclude_img: 画像をエクスポートするかどうか。

• exclude_links: ハイパーリンクをエクスポートするかどうか

• exclude_inputs: 入力ボックスのコンテンツをエクスポートするかどうか。

jquery-table2excel プラグインの github アドレスは次のとおりです: https://github.com/rainabba/jquery-table2excel

出典: jQuery ホーム