Defines the position of the column tooltip. Valid values are normal, top, right, bottom, left or a pipe separated combination of top, right, bottom, left. This property can be defined during object creation: let grid = new w2grid({ name : 'grid', header : 'Grid Header', show : { header : true }, columnTooltip: 'bottom', columns: [ { field: 'recid', text: 'ID', size: '50px', tooltip: 'This is a column tooltip' }, { field: 'lname', text: 'Last Name', size: '30%', tooltip: 'This is another column tooltip' }, { field: 'fname', text: 'First Name', size: '30%', tooltip: 'Tooltip <i>with</i> <b>some</b> HTML tags' }, { field: 'email', text: 'Email', size: '40%', tooltip: 'You get the idea' }, { field: 'sdate', text: 'Start Date', size: '120px' }, { field: 'sdate', text: 'End Date', size: '120px' } ] }); Or any time after the grid has been created: grid.columnTooltip = 'right|left'; grid.refresh();