Toolbar for the grid.
Object, default = null
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: $('#grid').w2grid({ name : 'grid', header : 'Grid Header', show : { toolbar : true }, toolbar: { items: [ { type: 'break' }, { type: 'button', id: 'mybutton', caption: 'My other button', img: 'icon-folder' } ], onClick: function (target, data) { console.log(target); } }, columns: [ { field: 'recid', caption: 'ID', size: '50px' }, { field: 'lname', caption: 'Last Name', size: '30%' }, { field: 'fname', caption: 'First Name', size: '30%' }, { field: 'email', caption: 'Email', size: '40%' }, { field: 'sdate', caption: 'Start Date', size: '120px' }, { field: 'sdate', caption: '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.
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: w2ui['grid'].toolbar.disable('mybutton'); or w2ui['grid_toolbar'].disable('mybutton');