detailTemplate : stringDefault: undefined

Template for the content in the detail section of the row. Automatically add expand collapse column as a first column in the grid during initialization.

Examples

base theme

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/0_6/Grid/GetPlayers',
         detailTemplate: '<div><b>Place Of Birth:</b> {PlaceOfBirth}</div>',
         columns: [ { field: 'ID' }, { field: 'Name' }, { field: 'DateOfBirth', type: 'date' } ]
     });
 </script>

bootstrap

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/0_6/Grid/GetPlayers',
         uiLibrary: 'bootstrap',
         detailTemplate: '<div><b>Place Of Birth:</b> {PlaceOfBirth}</div>',
         columns: [ { field: 'ID' }, { field: 'Name' }, { field: 'DateOfBirth', type: 'date' } ]
     });
 </script>