【问题标题】:Use handsontable with an existing table将handsontable 与现有表一起使用
【发布时间】:2013-04-19 08:27:51
【问题描述】:

你知道我是否可以将 hansontable jquery 插件与已经存在的表一起使用吗?

因为在文档中,我看到我们可以像这样创建一个带有可动手操作的表格:

var data = [
  ["", "Kia", "Nissan", "Toyota", "Honda"],
  ["2008", 10, 11, 12, 13],
  ["2009", 20, 11, 14, 13],
  ["2010", 30, 15, 12, 13]
];

var $container = $("#example1");
$container.handsontable({
  data: data
});

但我希望做这样的事情:

$("#monTableau").handsontable();

为了给我的桌子提供handsontable的功能

请问你有什么想法吗?

【问题讨论】:

  • 你总是可以从你的表中获取值,删除表并创建一个handsontable

标签: jquery handsontable


【解决方案1】:

解决方法:

    var data = [];
$('#monTableau tr').each(function(index,el){
    var rowData = [];
    $(el).children().each(function(index,el){
        rowData.push($(el).html()); //or use text() if u prefer
    });
    data.push(rowData);
});
el = $('#monTableau').after('<div class="handsontable"></div>').next();
$('#monTableau').remove();
el.handsontable({ data : date });

或自己扩展库以使其成为可能。

【讨论】:

  • 谢谢。我必须替换 "index" 和 "el" 吗?还是已经存在?
  • 这些将由 jquery 为每个函数填充。检查文档:api.jquery.com/jQuery.each
猜你喜欢
  • 2015-04-27
  • 2015-01-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-10-08
  • 2011-08-20
  • 2012-04-12
  • 2019-03-21
相关资源
最近更新 更多