Is there any AngularJS module as for DataGrid which provides In-Line Editing? There is one in KendoUI http://demos.kendoui.com/web/grid/editing-inline.html
Can AngularJS & KendoUI be used together?
check out http://angular-ui.github.com/ng-grid
templating, virtualization, simple data binding for selections, grouping, etc...
look at this quite generic example, where i loop first through rows and then through columns. then a simple change between a span and an input field. http://jsfiddle.net/3BVMm/3/
this would enable you to make inline editing with a few lines of code.
BUT: it doesnt work as expected, as there seems to be an bug, which I posted already on angular.
You can also use Smart Table.
Example, double click on an item in balance column: http://plnkr.co/edit/QQQd2znPqh87X2oQONd9?p=preview
label: 'Balance',
map: 'balance',
isEditable: true,
type: 'number',
There is an In-Line editing example on the home page under Edit cell section. Cell edit mode is entered with double click.
Github: lorenzofox3 / Smart-Table
It has features like pagination, sorting, filtering, data formatting, row selection and it also generates a simple table structure which makes it easier to style/customize.
You can also try angular-xeditable.
For tables it has following:
Kendo is working on AngularJS http://kendo-labs.github.io/angular-kendo/
You can use ng-table directive allow to liven your tables. It support sorting, filtering and pagination. Header row with titles and filters automatic generated on compilation step.
Example
The grid Angular Grid is able to do inline editing. It is an AngularJS directive, so plugs into your Angular app. Also comes with other standard grid features (selection, filtering etc).
The documentation page for editing is here
To do editing, set editable to true in the column definition ie:
colDef.editable = true;
By default, the grid manages as a string value. If you want to do custom handling of the cell, eg to convert it into an integer, or to do validation, you provide a newValueHandler onto the column definition ie:
colDef.newValueHAndler = function(params) {
var valueAsNumber = parseInt(params.newValue);
if (isNaN(valueAsNumber)) {
window.alert("Invalid value " + params.newValue + ", must be a number");
} else {
params.data.number = valueAsNumber;
}
}
The more recent open source angular grids I can see is ux-angularjs-datagrid, I haven't tried it but demos look promising...