3

我试图弄清楚如何使用 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，但没有取得多大成功。

4

2 回答 2

3

您的 js 代码中有错误，这应该可以：

$(function() {
  $("#jqsheet1").sheet(
  {
    title: 'Spreadsheet 1',
    buildSheet: '5x5',
    editable: true
  });
});
于 2012-11-26T15:40:32.400 回答
1

从 3.x 开始，试试这个：

<script>
  $(function(){
    $('#sheetParent').sheet({
      minSize: {rows: 5, cols: 5}
    });
  });
</script>
<div id="sheetParent"><table/></div>
于 2014-06-27T14:07:30.550 回答