inline editing about reactive-table HOT 6 OPEN

@jonlachlan any chance to get the html snippet added here to your workaround? it's cut off above.
thanks.

from reactive-table.

One option is to use the fn part of fields settings and wrap data inside a elements with id's, and use xeditable to make inline/popup editing possible

from reactive-table.

I have done this, I added the following meteor packages:
meteor add natestrauser:x-editable-bootstrap
meteor add workman:x-editable-reactive-template
The first is the x-editable library. The second is a wrapper to make it work as a template. Then add to html:
<template name="authorCell>
{{> xEditable type="text" success=onSuccess placement="right" placeholder="Enter value..." value=this.author data-emptytext="Click to add..."}}

Then add this to JS:
Template.cellEditable.helpers({
onSuccess: function () {
var id = this._id;
return function (res, val) {
Books.update({ _id: id }, { $set: { author: val } });
}
}
});

from reactive-table.

Is there any solution for Semantic UI?

from reactive-table.

@jonlachlan you said "then add to html:" but your message cut off. formatting?

from reactive-table.

@jonlachlan please provide us with the details on how did you manage to make editable-reactive-template work with reactive-table. I've been stuck at this for days so please help

from reactive-table.