If set to true, users can resize columns by dragging the edges (resize handles) of their header cells.
Examples
sample
<table id="grid"></table>
<script>
var grid = $('#grid').grid({
dataSource: '/0_6/Grid/GetPlayers',
resizableColumns: true,
columns: [ { field: 'ID', width: 34 }, { field: 'Name' }, { field: 'PlaceOfBirth' } ]
});
</script>