responsive : booleanDefault: false

This setting enables responsive behaviour of the grid where some column are invisible when there is not enough space on the screen for them. The visibility of the columns in this mode is driven by the column minWidth and priority settings. The columns without priority setting are always visible and can't hide in small screen resolutions.

Examples

sample

    
 <p>Resize browser window in order to see his responsive behaviour.</p>
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/Players/Get',
         responsive: true,
         columns: [
             { field: 'Name' },
             { field: 'PlaceOfBirth', minWidth: 340, priority: 1 },
             { field: 'DateOfBirth', minWidth: 360, priority: 2, type: 'date' }
         ]
     });
 </script>