我正在试图弄清楚如何使用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,但没有太大成功。
答案 0 :(得分:3)
您的js代码中有错误,这应该有效:
$(function() {
$("#jqsheet1").sheet(
{
title: 'Spreadsheet 1',
buildSheet: '5x5',
editable: true
});
});
答案 1 :(得分:1)
从3.x开始试试这个:
<script>
$(function(){
$('#sheetParent').sheet({
minSize: {rows: 5, cols: 5}
});
});
</script>
<div id="sheetParent"><table/></div>