#103322

Hi Joko,

You can pass a callback function to the onInit property as the toolbar HTML Element is passed as an argument. OnInit belongs to the header property of the grid. When you have the toolbar HTML Element you can select any button you want and customize it.

Here is a simple example:

header: {
visible: true,
onInit: (toolbar) => {
const sortButton = toolbar.querySelector(‘div[smart-id=”sortButton”]’);
sortButton.classList.add(‘custom-button’);
}
},

Best regards,

Svetoslav Borislavov

Smart UI Team

https://www.htmlelements.com