AngularJS中的可编辑DataGrid
DataGrid中是否有AngularJS模块提供在线编辑？ KendoUI有一个http://demos.kendoui.com/web/grid/editing-inline.html
AngularJS和KendoUI可以一起使用吗？
检查用户界面
模板化，虚拟化，简单的数据绑定select，分组等…
看看这个相当通用的例子，我首先遍历行，然后遍历列。 然后在跨度和input字段之间进行简单的更改。 http://jsfiddle.net/3BVMm/3/
这将使您能够使用几行代码进行内联编辑。
但是：它没有按预期工作，因为似乎有一个错误，我已经发布了angular度。
您也可以使用智能表。
例如，双击余额列中的项目： http : //plnkr.co/edit/QQQd2znPqh87X2oQONd9?p=preview
label: 'Balance', map: 'balance', isEditable: true, type: 'number', 在“ 编辑单元”部分的主页上有一个内嵌编辑示例 。 单元格编辑模式是双击进入的。
Github： lorenzofox3 / Smart-Table
它具有分页，sorting，过滤，数据格式化，行select等function，还可以生成一个简单的表格结构，使样式更容易定制。
你也可以尝试angular-xeditable。
对于表格有以下几点：
- 编辑可能的行
- 可编辑的列
- 可编辑整个网格
剑道正在AngularJS http://kendo-labs.github.io/angular-kendo/
网格Angular Grid可以进行内联编辑。 这是一个AngularJS指令，所以插入到您的Angular应用程序。 还有其他标准网格function（select，过滤等）。
编辑的文档页面在这里
要进行编辑，请在列定义中将editable设置为true，即：
colDef.editable = true;
默认情况下，网格pipe理为string值。 如果您想对单元格进行自定义处理，例如将其转换为整数或进行validation，则需要在列定义上提供一个newValueHandler，即：
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; } }
你可以使用ng-table指令来让你的表变得活跃起来。 它支持sorting，过滤和分页。 标题和filter的标题行在编译过程中自动生成。
For example
可编辑的演示
你可以使用Angular的丰富性来创build你自己的。 也许你不需要寻找第三方插件。
我已经做了一个基本的样本，支持：
- 绑定数据的内联编辑
- 添加新的行击中最后的网格单元格。
https://plnkr.co/edit/J0PeIlLsaASer4k8owdj?p=preview
应用一个简单的CSS
.TextBoxAsLabel { border: none; background-color: #fff; background: transparent; width:100%; } //for Dropdown .selectable::-ms-expand { display: none; } .selectable{ -webkit-appearance: none; appearance: none; }
希望它的作品，让我知道是否有任何问题。
我可以看到最近的开源angular栅格是ux-angularjs-datagrid，我还没有尝试过，但演示看起来很有前途…
