detailCollapseCssClass

The css class set to the collapse cell’s span element. Can be used in order to show image instead of text.

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

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

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