jquery.csv2table.js

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

セミコロン区切り  (改行は \n 区切り) <br>
<input
       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>

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

option

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