Toolbar for the grid. Each grid comes with a toolbar. The .toolbar property should be initiated during object creation because after the object is created, the w2toolbar is created too. During object creation you can add additional buttons to the toolbar in the following way: let grid = new w2grid({ name : 'grid', header : 'Grid Header', show : { toolbar : true }, toolbar: { items: [ { type: 'break' }, { type: 'button', id: 'mybutton', text: 'My other button', img: 'icon-folder' } ], onClick: function (target, data) { console.log(target); } }, columns: [ { field: 'recid', text: 'ID', size: '50px' }, { field: 'lname', text: 'Last Name', size: '30%' }, { field: 'fname', text: 'First Name', size: '30%' }, { field: 'email', text: 'Email', size: '40%' }, { field: 'sdate', text: 'Start Date', size: '120px' }, { field: 'sdate', text: 'End Date', size: '120px' } ] }); Please note, that by default toolbar is hidden. You need to set .show.toolbar property to true in order to make toolbar visible. There are also several default toolbar buttons that can be hidden or shown during object creation. They are all part of the .show property of the grid. Below is the .show property of the grid with items relevant to the toolbar with its default values: show = { ... toolbar : false, toolbarReload : true, toolbarColumns : true, toolbarSearch : true, toolbarAdd : false, toolbarDelete : false, toolbarSave : false } There are other items in the .show property besides those relevant to toolbar.

Auto enable/disable toolbar buttons

Toolbar items might have optional .batch property. If it is a positive integer, then the button will only be enabled if same number of records is selected in the grid. If it is true (used to be if it is 0), it will only be enabled if at least one record is selected. It also can be a function, so that if selection changes, you can determine if button should be enabled or disabled.

Toolbar object

Once the grid object has been created, the .toolbar property becomes w2toolbar object. The name of this object is the name of the grid + '_toolbar'. If you have the grid created, you can access w2toolbar object in the following way: grid.toolbar.disable('mybutton'); or w2ui['grid_toolbar'].disable('mybutton');