How to set overflow mode in Grid toolbar

4 mins read

You can change the default display mode of the Grid toolbar component, to view the exceeded toolbar items from the available space. This can be achieved by updating the “overflowMode” property of Grid’s toolbarModule.

This is explained in the following sample code where the toolbar “overflowMode” property has been updated inside the “created” event of the Grid component.

<script>
    // Grid created event handler
    function onCreated(args) {
            this.toolbarModule.toolbar.overflowMode= 'MultiRow';
    }
</script>

Output

Setting Grid toolbar overflowMode property

Sample: https://stackblitz.com/edit/grid-toolbar-overflow?file=index.ts

Did you find this information helpful?

Yes

Comments (0)

How to set overflow mode in Grid toolbar

Output

Access denied