如何在单元格中添加自定义按钮？

Question

我正在试图添加一个自定义的保存按钮，在每个行的结尾处在可移动表中。 我使用handsontable包laravel 4

按钮显示出来是这样的：

<button>Save</button> 

Answer 1

我找到了答案，以我自己的问题.. 我用“渲染”，在handsontable到细胞呈现到HTML

columns: [ 
        {data: "unique_no"}, 
        {data: "title"}, 
        {data: "subject"}, 
        {data: "year"}, 
        {data: "duration"}, 
        {data: "color"}, 
        {data: "language"}, 
        {data: "synopsis"}, 
        {data: "director"}, 
        {data: "basic_format"}, 
        {data: "created_at"}, 
        {data: "updated_at"}, 
        {data: "action", renderer: "html",readOnly: true} 

        ], 

这是在那里我发现它http://handsontable.com/demo/renderers_html.html#dropdown

Answer 2

尝试使用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