CSVデータを読み込む

下の表はdata.csvから生成されています。
ソース部分は↓これだけです。

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

<head>部分には以下のスクリプトを記述するだけです。(条件で色分けをしない場合)

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

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

注意！
文字コードをUTF-8にしているため、
エクセルでそのまま開くと文字化けします。(エクセルはShift_JISしか表示されないそうです)
運用する場合は、ExcelからCSVを作り、一度テキストエディタで開いて文字コードをUTF-8にして保存、という
手間をかけなくてはいけません。

エクセルの方も、元データはxlsファイルとして取っておくことをお勧めします。

jqueryのcsv2tableというプラグインを使っています。
JavaScript Library Archiveで簡単に説明しています。