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
sample
<table id="grid"></table>
<script>
$('#grid').grid({
dataSource: '/0_6/Grid/GetPlayers',
detailTemplate: '<div class="row"></div>',
responsive: true,
showHiddenColumnsAsDetails: true,
uiLibrary: 'bootstrap',
columns: [
{ field: 'ID', width: 34 },
{ field: 'Name', minWidth: 320, priority: 1 },
{ field: 'PlaceOfBirth', minWidth: 320, priority: 2 }
]
});
</script>