The template which will be rendered as detail record to each grid row. The detail records can be static( show always) or dynamic (can be expanded or collapsed) :

<script id="detailTemplate" type="text/x-shield-template">
        <tr class="row">
                <img src="images/{ID}.png" alt="{ID}" />

<div id="grid"></div>

<script type="text/javascript">
    dataSource: {
        data: [
            { ID: 1, name: "name1" },
            { ID: 2, name: "name2" }
    detailTemplate: $("#detailTemplate").html(),
    columns: [
        { field: "ID", title: "Unique Number", format: "{0:c}" },
        { field: "name", title : "Name", width: "300px" }

Live demo of row’s detail template you can find here: Row’s Detail Template