button - 如何在handsontable中的单元格内添加自定义按钮？

Question

我试图在handsontable的每一行的末尾添加一个自定义保存按钮。
我在laravel 4中使用handontable软件包。

该按钮显示如下:

<button>Save</button>

Answer 1

尝试使用htmlRenderer
演示:http://docs.handsontable.com/0.19.0/demo-custom-renderers.html

var actionRenderer = function (instance, td, row, col, prop, value, cellProperties) {
  var $button = $('<button>');
  $button.html(value)
  $(td).empty().append($button); //empty is needed because you are rendering to an existing cell
};

var $container = $("#example1");
$container.handsontable({
  /*....*/
  columns: [
    /*....*/
    {data: "action", renderer: actionRenderer}
  ]
});

为了获得更好的性能，可以使用纯JavaScript编写渲染器