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
  });
});

Answer 2

从3.x开始试试这个：

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

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

2 个答案: