aspnet-core-signalr-angular/app/shared/components/match.component.html

<table class="table table-bordered box">
    <thead>
        <tr>
            <th>Team</th>
            <th>Score</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><span class="teamName">{{match.Host}}</span></td>
            <td><span class="teamScore"> {{match.HostScore}} </span></td>
        </tr>
        <tr>
            <td><span class="teamName"> {{match.Guest}} </span></td>
            <td><span class="teamScore">{{match.GuestScore}}</span></td>
        </tr>
        <tr>
            <td>
                <span class="label label-success">{{match.Type}}</span>
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs" (click)="subscribe()">
                            Subscribe to feed
                        </button>
            </td>
        </tr>
        <tr>
            <td><button type="button" class="btn btn-default btn-xs">Send</button></td>
            <td><input type="text" class="form-control" placeholder="Type message.." /></td>
        </tr>
        <tr>
            <td colspan="2">
                <div class="feed-table">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Feed</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                            <tr>
                                <td class="filterable-cell">Ford</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </tbody>
</table>