How to apply overflowMode to grid toolbar in Vue Grid

[Minkyu]

Hi, I'm finding how to apply 'overflowMode' to grid toolbar.

I'm using grid with 'toolbar', with built-in items(Add, Edit, and Search), and 'editSettings' properties, but I don't know how to apply 'overflowMode'.

Would you give me an example about this?

Regards.

[Thiyagu Subramani]

Hi Minkyu, 

Thanks for contacting Syncfusion forum. 

Based on your query you need to apply the overflow mode for the grid toolbar. To achieve your requirement we have used created event of EJ2 Grid. The created event will be triggered when the component is created. 

In the created event of EJ2 Grid we have applied the overflow mode using the toolbar instances. Please find the code example for more reference 

 created: function(){ 

        var gridObj = document.getElementsByClassName('e-grid')[0].ej2_instances[0]; 

         gridObj.toolbarModule.element.ej2_instances[0].overflowMode = "Popup";   // its default value as Scrollable 

        },   

API link: https://ej2.syncfusion.com/vue/documentation/api/toolbar/#overflowmode 

             : https://ej2.syncfusion.com/vue/documentation/api/grid#created 

Please get back to us, if you need any further assistance. 

Regards, 

Thiyagu S