starter-angular-material/app/views/pkguid.html

<div layout="column" layout-fill layout-align="top">

    <div flex>
        <md-toolbar class="md-table-toolbar md-default">
            <div class="md-toolbar-tools">
                <span>PkGuids</span>
            </div>
        </md-toolbar>
    </div>

    <div flex>
        <div class="isa_error" ng-show="pkGuidsError != null">
            <i class="fa fa-times-circle"></i>
            {{ pkGuidsError.data.message }}
        </div>
        <md-table-container>
            <table md-table md-row-select multiple ng-model="selected" md-progress="promise">
                <thead md-head md-order="query.order" md-on-reorder="getPkGuids">
                <tr md-row>
                    <th md-column md-order-by="id"><span>Id</span></th>
                    <th md-column md-order-by="someText"><span>Some Text</span></th>
                    <th md-column md-order-by="someInt" md-numeric>Some Int</th>
                    <th md-column md-order-by="createdAt">Created At</th>
                </tr>
                </thead>
                <tbody md-body>
                <tr md-row md-select="item" md-select-id="id" md-auto-select ng-repeat="item in pkGuids.data">
                    <td md-cell>{{item.id}}</td>
                    <td md-cell>{{item.someText}}</td>
                    <td md-cell>{{item.someInt}}</td>
                    <td md-cell>{{item.createdAt}}</td>
                </tr>
                </tbody>
            </table>
        </md-table-container>
    </div>

    <md-table-pagination class="col-xs-11" md-limit="query.limit" md-limit-options="[1, 5, 10, 15]" md-page="query.page" md-total="{{pkGuids.count}}" md-on-paginate="getPkGuids" md-page-select></md-table-pagination>
</div>