简体   繁体   English

自定义 ag-Grid 标题组件以更新列单元格数据

[英]Customize ag-Grid header component for updating column cell data

I am trying to implement ag-Grid in angular.我正在尝试以角度实现 ag-Grid。

Here what is my requirement.这是我的要求。

  1. Each cell under the 'Name' (header) column needs to be updated to the value I entered in the 'Set default column data' (input field). “名称”(标题)列下的每个单元格都需要更新为我在“设置默认列数据”(输入字段)中输入的值。

"The input field (set default column data) will popup when we press the header 'Name'" “当我们按下标题‘名称’时,将弹出输入字段(设置默认列数据)”

在此处输入图片说明

  • Need output like below screenshot需要输出如下截图

在此处输入图片说明

I didn't find any relatable document for it.我没有找到任何相关的文件。 Any one have any reference please feel free to support.任何人有任何参考,请随时支持。 Thank you in advance先感谢您

Your English is very difficult to understand.你的英语很难理解。 If English is not your first language, you can also use Google Translate.如果英语不是您的母语,您也可以使用谷歌翻译。 I'm still not quite sure what you want anyway.我仍然不太确定你想要什么。

For custom headers you have the documentation here: ag-grid header rendering对于自定义标题,您可以在此处查看文档: ag-grid header rendering

For custom header components use headerComponentFramework and if you want to send properties to the header you can use headerComponentParams (Explanation about properties )对于自定义标头组件使用headerComponentFramework ,如果您想将属性发送到标头,您可以使用headerComponentParams (关于属性的说明)

In the custom header component (headerComponentFramework) you can set your new value "Martin" and overwrite your table-data array with the new value.在自定义标题组件 (headerComponentFramework) 中,您可以设置新值“Martin”并用新值覆盖表数据数组。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM