We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to apply overflowMode to grid toolbar in Vue Grid

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?


1 Reply 1 reply marked as answer

TS Thiyagu Subramani Syncfusion Team August 24, 2020 03:29 PM UTC

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 

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

Thiyagu S 

Marked as answer
Live Chat Icon For mobile
Up arrow icon