javascript - JQuery Sheet - 创建一个小而简单的表格

Question

我正在尝试弄清楚如何使用 jQuery.sheet，可在此处获取:

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

这个电子表格组件的演示看起来不错，我正在整理一个在本地运行的非常简单的概念证明。它应该很简单，我只需在 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>

... 以此类推五行五列。 JS 文件 jquery.js、jquery.sheet.js 和 parser.js 都存在于本地目录中，并加载在文档的头部。

当我加载 HTML 文件时，我实际得到的是一个无聊的表格，没有电子表格控件。显然我做错了什么。这是什么？

有没有人有任何指向简单教程的链接？我正在尝试遵循下载中包含的 jquery.sheet.html，但没有取得太大成功。

Answer 1

您的 js 代码中有一个错误，这应该可以工作:

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