jquery.csv2table.js

書式 jQuery(セレクタ).csv2table(CSVファイルURL,option);

option

	nowloadingImg     : $.csv2table.loadImg,    //Image of now loading...
	nowloadingMsg     : 'now loading...',       //Massege of  now loading...
	removeDoubleQuote : true,                   // remove '"'
	row_sep           : '\n',                   //Separator of rows. default '\n'
	col_sep           : '\t',                   //Separator of cols. default '\t'
	loaded            : function(li,contents){},//collback event
	className_div      : 'className_div',       //className 
	className_table    : 'csv2table-table',     //className 
	className_table_th : 'csv2table-table-th',  //className 
	className_table_td : 'csv2table-table-td'   //className 

タブ区切り (改行は \n 区切り) デフォルトoption省略化

カンマ区切りCSV (改行は \n 区切り)

セミコロン区切り (改行は \n 区切り)

たとえば、エクセルで ファイル->名前を付けて保存->テキスト(タブ区切り) (*.txt)などで保存すると、ファイル名指定だけでそのまま読み込めます。
For instance, Excel->Save as (example.txt Unicode ,Tab Separated Variables)

<script src="http://jsgt.org/lib/jquery/1.2.3/jquery-1.2.3.js" 
        type="text/javascript"></script>
<script src="./jquery.csv2table.js" 
        type="text/javascript" charset="utf-8"></script>


タブ区切り (改行は \n 区切り) デフォルトoption省略化

<input disabled
       class="btn1"
       type    =  "button"
       onclick="$('#tableViewer').csv2table('./zisseki-tb.txt');" 
       value  = "$('#tableViewer').csv2table('./zisseki-tb.txt');"><br>
カンマ区切りCSV  (改行は \n 区切り) <br>
<input disabled
       class="btn1"
       type    =  "button"
       onclick="$('#tableViewer').csv2table('./zisseki-utf8.csv',{col_sep:','});"
       value  = " $('#tableViewer').csv2table('./zisseki-utf8.csv',{col_sep:','}); "><br>

セミコロン区切り  (改行は \n 区切り) <br>
<input disabled
       class="btn1"
       type    =  "button"
       onclick="$('#tableViewer').csv2table('./zisseki-utf8-sc.txt',{col_sep:';'});" 
       value  = " $('#tableViewer').csv2table('./zisseki-utf8-sc.txt',{col_sep:';'}); "><br>
       

<div id="tableViewer"></div>


参考::(下記は無くても動作します)
<style type="text/css"> 
.className-div {
  /*background:green !important <--class名で指定するときは!importantを使用して上書き*/
}
.csv2table-table {
  /*background:green !important*/
}
.csv2table-table-th {
  /*background:green !important*/
}
.csv2table-table-td {
  /*background:green !important*/
}
</style>