Editing/selection of child rows?
Editing/selection of child rows?
Is it possible to edit/select child rows?
For some reason not only does my grid not allow me to select the child rows but I also cannot edit them.
My items are create using a event listener in the click event of the td.details-control, and are created from a .details object in each data rows... data.details.
I am populating using AJAX.
editor = new $.fn.dataTable.Editor({
ajax: "/Projections/EditData",
table: "#projections",
fields: [
{
label: "Percent This Month:",
name: "details.PC",
editField: "details.PC"
}
]
});
// Activate an inline edit on click of a table cell
$('#projections').on('click', 'tbody td.editable', function (e) {
editor.inline(this);
});
I have tried all config that I can think of to get the editor to work, all I get is ..
Uncaught TypeError: Cannot read property 'column' of undefined.
Which i think has to do because the child rows cannot be selected.
Please help me someone, I have this going in a Kendo grid, but I do like the speed of the dataTables, so much faster for rending/scrolling large datasets.
Jason