The header of the grid.
String, default = ''
The header can be simple text or HTML. If you change .header property, you will need to call .refresh() method to refresh the grid.
Header can be defined during object creation: $('#grid').w2grid({ name : 'grid', header : 'Grid Header', show : { header : true }, 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' } ] }); Or any time after the grid has been created: w2ui['layout'].header = 'Grid Header'; w2ui['layout'].refresh(); Please note that you will need to set .show.header to true, which is false by default.