JQuery와 시트 - 나는 jQuery.sheet을 사용하는 방법을 알아 내려고 노력하고있어

Question

작은, 간단한 테이블 만들기, 가능 여기 :

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

이 스프레드 시트 구성 요소의 데모는 좋아 보인다, 내가 ' 로컬에서 실행되는 매우 간단한 개념 증명을 함께 사용합니다. 그것은 간단해야합니다, 난 그냥 div에 테이블을 만들고 그것을 시트() 함수에 전달해야합니다. 그러나 나는 단순한 테이블조차도 스프레드 시트로 변환 할 수 없다. 다섯 개의 열로 등 다섯 행에 대한

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

... 그리고 :

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

그리고 HTML 본문에

내가 이것을 가지고 :이 자바 스크립트 코드가 있습니다. 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 
    }); 
});