Jupyter Notebook 中的 Handsontable

Posted 2023-03-22

【中文标题】Jupyter Notebook 中的 Handsontable

【英文标题】：Handsontable in Jupyter Notebook

【发布时间】：2018-01-25 15:06:23

【问题描述】：

我想知道目前是否有人在 Jupyter 笔记本中使用 handontable。我一直遵循以下指示：

https://gist.github.com/rossant/9463955

https://gist.github.com/rdhyee/9897356

但是，这些说明不适用于当前版本的 notebook/ipywidgets，并且非常过时。

我想实现以下实用示例：http://jsfiddle.net/handsoncode/s6t768pq/

当我将 handontable.full.css 和 handontable.full.js 加载到笔记本中时，我没有收到任何错误。但是，我收到此错误：ReferenceError: Handsontable is not defined 尝试在笔记本中运行以下代码时（但这可能不是执行此操作的正确代码） .

%%javascript
requirejs.config(
    paths:  
        'handsontable': ['http://docs.handsontable.com/0.34.0/bower_components/handsontable/dist/handsontable.full'],
    ,
);

require(['handsontable'], function(handsontable) 
    console.log("Loaded :)");   

  var data = function () 
    return Handsontable.helper.createSpreadsheetData(100, 10);
  ;

  var container = document.getElementById('example');

  var hot = new Handsontable(container, 
    data: data(),
    minSpareCols: 1,
    minSpareRows: 1,
    rowHeaders: true,
    colHeaders: true,
    contextMenu: true
  );

  return;
);

【参考方案1】：

您引用的两个要点非常过时，需要相当多的修复才能在 python >= 3.5 环境中使用 ipywidgets 7.0 和 jupyter notebook 5.0。如果不具体知道您遇到了哪些错误，将很难诊断您的问题。

但是，您可以尝试使用与 ipywidgets 6.0 配合使用的 qgrid。

【讨论】：

谢谢！我已经编辑了这个问题，以展示一个将掌上电脑插入笔记本的简单示例。我以前研究过 qgrid，但我害怕使用它，因为它没有被积极开发。不过我会再调查一下。