I am looking to allow my users to change the column header names to **whatever they would** like in ag-grid. I am using the javascript implementation.

I could not find an example of anyone doing this on stack overflow or the documentation, my initial idea is to create a new header component and add my own code to handle it that way via the ag grid api.

I found this page
<https://www.ag-grid.com/javascript-data-grid/component-header/>

It does not appear to have the default header component as an example. And I would like to use that to start off with... So my question is either:

1. Does anyone know of an example or better method which achieves what I am trying to do?
Or
2. Would anyone please be able to point me to where I could find the code of the default ag grid header component, which I can use to start off with, and alter using the example given in the documentation linked above.