[ANGULAR] Custom menu header element

[belms]

Hi Team,

We are on Bryntum version 5.6.8

We have a toolbar option which looks like-

  {
                    type: 'button',
                    ref: 'columnButton',
                    icon: 'b-fa-regular b-fa-columns',
                    text: 'Columns',
                    tooltip: {
                        html: 'Hide Columns',
                        anchor: false,
                    },
                    menu: {
                        maxHeight: '76vh',
                        scrollable:true,
                        header:{
                            title:"Reset Columns",
                            cls:'reset-columns'
                        },
                        items:[]
                    },
                },

What we really want is a item at the top of the menu which is fixed (and not scrollable)
We have currently used a header to achieve this.
Is it possible to have custom html in the menu header?
or is there a way to have a sticky element at the top of the menu via existing configurations?

[Animal]

Give the item a special class the you define rules for in your CSS which makes that item sticky.

[marcio]

As Animal suggested, you can use CSS position: sticky to achieve that, as you can see on this demo https://codepen.io/marciogurka/pen/vYqJRXo

[belms]

Got it. Thank you