ag-grid渲染自定义组件

在使用ag-grid时，大多时候需要支持表格单元格支持编辑，而ag-grid自带的只有输入框和下拉框，并且无法设置校验等逻辑。不过ag-grid支持用户传入自定义组件来实现，通过下面两个属性可实现：

cellEditorframework: Vue.extend("自定义组件")；

*注意点：双击或者其它触发操作进入编辑状态后，才开始渲染自定义组件。

cellRendererframework: Vue.extend("自定义组件")；

*注意点：ag-grid表格渲染后直接渲染出自定义组件；

**官网参考地址：

*持续更新，有疑问的可以评论交流。

aggrid的单元格框线没了

aggrid的单元格框线没了解决办法如下:

一、首先选中带有边框的单元格，也可以直接点击左上角三角选中整个表格。

二、进入“开始选项”，点击“字体 ”选项。

三、打开单元格格式窗口后，进入“边框”选项卡，线条样式点击“无”；预置点击“无”；颜色点击“自动”，然后点击该窗口右下角“确定”。

四、这样设置后，就可以把所选单元格边框恢复为默认边框。

ag-grid滚动卡顿

ag-grid滚动卡顿解决方法如下，

看到自定义滚动条是加在ag-grid的container上的。猜想是不是表渲染新列的时候，这个样式会导致ag-grid的宽度计算出错。于是把自定义滚动条提到全局层面。测试后果然没有问题了。因为我们要支持多主题，尝试把自定义滚动条样式从全局层面往下放到各个主题文件中时这个问题又出现了。这个方向暂时没有找到合适的方案。如果没有多主题需求这个方案是可以的

aggrid的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于aggrid官网、aggrid的信息别忘了在本站进行查找喔。