makeResponsive Returns: void

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

  
Edit this example
  <button onclick="grid.makeResponsive()">Make Responsive</button>
 <br/><br/>
 <table id="grid"></table>
 <script>
     var grid = $('#grid').grid({
         dataSource: '../Grid/GetPlayers',
         responsive: false,
         columns: [
             { field: 'ID', width: 20 },
             { field: 'Name', minWidth: 320, priority: 1 },
             { field: 'PlaceOfBirth', minWidth: 320, priority: 2 }
         ]
     });
 </script>