showHiddenColumnsAsDetails : boolean Default: false

Automatically adds hidden columns to the details section of the row. This setting works only if the responsive setting is set to true and the detailTemplate is set.

Examples

  
Edit this example
  <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '../Grid/GetPlayers',
         detailTemplate: '<div class="row"></div>',
         responsive: true,
         showHiddenColumnsAsDetails: true,
         columns: [
             { field: 'ID', width: 20 },
             { field: 'Name', minWidth: 220, priority: 1 },
             { field: 'PlaceOfBirth', minWidth: 220, priority: 2 }
         ]
     });
 </script>