Make the grid responsive based on the available space. Show column if the space for the grid is expanding and hide columns when the space for the grid is decreasing.
Examples
sample
<button onclick="grid.makeResponsive()" class="gj-button-md">Make Responsive</button>
<br/><br/>
<table id="grid"></table>
<script>
var grid = $('#grid').grid({
dataSource: '/Players/Get',
responsive: false,
columns: [
{ field: 'ID', width: 56 },
{ field: 'Name', minWidth: 320, priority: 1 },
{ field: 'PlaceOfBirth', minWidth: 320, priority: 2 }
]
});
</script>