JQuery的表 - 創建一個小的，簡單的表

Question

我試圖找出如何使用jQuery.sheet，可在這裏：

http://visop-dev.com/Project+jQuery.sheet

此電子表格組件的演示看起來不錯，和我」 m把一個非常簡單的概念證明放在當地運行。它應該很簡單，我只需要在div中創建一個表並將其傳遞給sheet（）函數。但是，我無法設法將簡單的表格轉換爲電子表格。我有這樣的Javascript代碼：

$(function() { 
    $("#jqsheet1").sheet(
    { 
     title: 'Spreadsheet 1', 
     buildSheet: '5x5', 
     editable: true 
    } 
}); 

而在HTML的身體我有這樣的：

<div id="jqsheet1" class="jQuerySheet" style="height: 450px;"> 
    <table title="Spreadsheet 1"> 
    <tbody> 
     <tr> 
     <td> 
      1 
     </td> 
     <td> 
      2 
     </td> 

...等五個行5列。 JS文件jquery.js，jquery.sheet.js和parser.js都存在於本地目錄中，並加載到文檔的頭部。

當我加載HTML文件時，我實際得到的是一個普通的無聊表格，沒有電子表格控件。顯然我做錯了什麼。它是什麼？

有沒有人有任何鏈接到一個簡單的教程？我試圖關注下載中包含的jquery.sheet.html，但沒有取得太大的成功。

Answer 1

由於3.X的嘗試：

<script> 
    $(function(){ 
    $('#sheetParent').sheet({ 
     minSize: {rows: 5, cols: 5} 
    }); 
    }); 
</script> 
<div id="sheetParent"><table/></div> 

Answer 2

你在你的js代碼中的錯誤，這應該工作：

$(function() { 
    $("#jqsheet1").sheet(
    { 
    title: 'Spreadsheet 1', 
    buildSheet: '5x5', 
    editable: true 
    }); 
});