在使用ag-grid时,大多时候需要支持表格单元格支持编辑,而ag-grid自带的只有输入框和下拉框,并且无法设置校验等逻辑。不过ag-grid支持用户传入自定义组件来实现,通过下面两个属性可实现:
1、cellEditorFramework属性
cellEditorFramework: Vue.extend("自定义组件");
*注意点:双击或者其它触发操作进入编辑状态后,才开始渲染自定义组件。
2、cellRendererFramework属性
cellRendererFramework: Vue.extend("自定义组件");
*注意点:ag-grid表格渲染后直接渲染出自定义组件;
**官网参考地址:https://www.ag-grid.com/javascript-grid/column-properties/#reference-columnsOnly
*持续更新,有疑问的可以评论交流。