CSVをTable化するjQueryプラグイン「jquery.csv2table.js」

Check このエントリーをはてなブックマークに追加

配布元:csv2table
ライセンス:不明

jquery.csv2table.jsはExcelなどで生成できるCSVファイルを読み込みtableとして表示する為のjQueryプラグインです。
このプラグインを利用して生成されたテーブルは項目ごとのソートなどにも対応しています。

使い方

まずはjQuery本体と配布元よりダウンロードした「jquery.csv2table.js」とhead要素などで読み込みます。

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

次にbody要素内に任意のIDを付けた要素を用意します。

<div id="view1"></div>

テーブルはこの中に設置されます。

head要素内などのscript要素でプラグインを実行します。

<script type="text/javascript">
$(function(){
    $('任意のID').csv2table('読み込むCSV');
});
</script>

今回はBook.csvを読み込んでテーブルを描画します。

<script type="text/javascript">
$(function(){
    $('#view1').csv2table('Book.csv');
});
</script>

最後にダウンロードしたimgフォルダをテーブルを描画するファイルと同じフォルダにアップロードします。

サンプル

スポンサードリンク

コメント

カテゴリー:csv jQuery テーブル ライブラリ