reactive-table
reactive-table copied to clipboard
inline editing
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
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 } }); } } });
Is there any solution for Semantic UI?
@jonlachlan you said "then add to html:" but your message cut off. formatting?
@jonlachlan any chance to get the html snippet added here to your workaround? it's cut off above. thanks.
@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