Thousand Years

TrimSpreadSheet調べ

JavaScript TrimPath

アブストラクト

TrimSpreadSheetはオープンソースなスプレッドシートエンジンである。記法はHTMLTableを利用し100% JavaScriptとCSSで記述されている。ライセンスはGPL2.0である。

利用方法

基本テンプレート(下記参照)を書いてあげてTrimSpreadSheetを呼び出してあげると自動的にスプレッドシートが描画されます。

利用できる関数

SUM, COUNT, AVERAGE, MIN, MAX.
* / + - 演算子
JavaScriptの構文含むMath.〜とか。

対応ブラウザ

Firefox 1.0以上
IE 6.0
Safariは×
Opera 8.01 は×

基本テンプレート

初期化コード

window.onload = function(){
  TrimPath.spreadsheet.initDocument()
}

HEAD内

<script language="javascript" src="spreadsheet.js"></script>
<link rel="stylesheet" type="text/css" href="spreadsheet.css"/>
<!--以下はSpreadShhetのスキンファイル。他にspreadsheet_grey.cssもあります/-->
<link rel="stylesheet" type="text/css" href="spreadsheet_grey.css"/>

BODY内

以下のように<tr><td></td></tr>で列数などを既定できます。

 <div class="spreadsheetEditor">
  <div class="spreadsheetScroll" style="width:500px; height:200px;">
   <div class="spreadsheetBars">
      <table class="spreadsheet" width="700" border="1">
        <col width="100">
        <col width="100">
        <col width="100">
        <col width="100">
        <col width="100">
        <col width="100">
        <col width="100">
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
      </table>
   </div>
  </div>
 </div>

関連リンク