altRowTemplate

The template which will be used for rendering alternating rows.

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

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

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

Live demo of alternating row’s template you can find here: Alt Row Template