AngularJS中的可编辑DataGrid

Question

对于提供在线编辑的DataGrid,是否有任何AngularJS模块？KendoUI中有一个 http://demos.kendoui.c​​om/web/grid/editing-inline.html

AngularJS和KendoUI可以一起使用吗？

Answer 1

看看ui-grid

模板,虚拟化,选择,分组等简单数据绑定......

Answer 2

看看这个非常通用的例子,我首先遍历行然后遍历列.然后在跨度和输入字段之间进行简单的更改. http://jsfiddle.net/3BVMm/3/

这将使您能够使用几行代码进行内联编辑.

但是:它没有按预期工作,因为似乎有一个错误,我已经发布了角度.

Answer 3

您也可以使用智能表.

例如,双击余额列中的项目:http://plnkr.co/edit/QQQd2znPqh87X2oQONd9？p = preview

  label: 'Balance',
  map: 'balance',
  isEditable: true,
  type: 'number',

有一个在在线编辑例如在上主页下编辑单元格部分.双击进入单元格编辑模式.

Github:lorenzofox3/Smart-Table

它具有分页,排序,过滤,数据格式化,行选择等功能,还可以生成简单的表结构,使其更易于样式/自定义.

Answer 4

您也可以尝试使用angular-xeditable.
对于表格,它有以下内容:

• 可编辑的行
• 可编辑的列
• 可编辑的整个网格