[Frameworks] Custom headers with listeners

[jsakalos]

We do not currently support rendering of FW components in headers but there's a simple way how to do it, see the forum post.

• add section to Angular guide template
• add section to React guide template
• add section to Vue guide template
• add code to Angular advanced demo
• add code to React advanced demo
• add code to Vue advanced demo

Forum post

Hi,

So i was wondering if we can render custom react component in the header cell, the reason for this is we want to add bunch of buttons for the name cell, such as expand all, create new button like below:

The left most arrows controls expand and collapse all, and on the right we have the create and sort icons. There is a headerRender function that only accepts strings, i was only able to pass rendered react cells but cannot add event handler function, as i believe the functions are stripped during parsing in bryntum.

Is there any way to render react components like we can do in the column renderer function for cells?