index-markup.cshtml

<table id="grid-events" class="table table-striped">
    <thead>
    <th>&nbsp;</th>
    <th>Event Type</th>
    <th>Subject</th>
    </thead>
    <tbody id="grid-event-details"></tbody>
</table>

<script id="event-template" type="text/x-handlebars-template">
    <tr data-toggle="collapse" data-target="#event-{{gridEventId}}" class="accordian-toggle">
        <td>
            <button class="btn btn-primary btn-xs">
                <span class="glyphicon glyphicon-eye-open"></span>
            </button>
        </td>
        <td>{{gridEventType}}</td>
        <td>{{gridEventSubject}}</td>
    </tr>
    <tr class="hiddenRow collapse" id="event-{{gridEventId}}">
        <td colspan="12">
            <div class="accordian-body">
                <pre><code class="nohighlight">{{gridEvent}}</code></pre>
            </div>
        </td>
    </tr>
</script>