responsive : boolean Default: 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

  
Edit this example
  <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '../Grid/GetPlayers',
         responsive: true,
         columns: [
             { field: 'Name' },
             { field: 'PlaceOfBirth', minWidth: 140, priority: 1 },
             { field: 'DateOfBirth', minWidth: 160, priority: 2, type: 'date' }
         ]
     });
 </script>