front-utils/src/lutable.html

<div lu-busy="itemList">
    <table class="col-sm-12 table table-hover">
        <thead>
        <tr>
            <th>
                <input type="checkbox" ng-click="toggleSelectAll()"
                       ng-checked="selectedItems.length == items.Data.length && items.Data.length != 0">
            </th>
            <th class="col-sm-3" ng-repeat="col in columns">{{ col.name }}</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in items.Data" style="cursor: pointer" ng-click="displayItem(item)">
            <td>
                <input name="selectedItems[]" type="checkbox" ng-checked="selectedItems.indexOf(item.Id) > -1"
                       ng-click="$event.stopPropagation();toggleSelectedItem(item.Id)" >
            </td>
            <td ng-repeat="col in columns">{{ col.getValue(item) }}</td>
        </tr>
        </tbody>
    </table>

    <div class="col-sm-12 text-center">
        <a class="{{ p == page ? 'pagination-current' : 'pagination-not-current'}}" href="" ng-repeat="p in pages" ng-click="loadPage(p)">{{ p + 1 }}&nbsp;</a>
    </div>

    <div class="col-sm-12">
        <button class="btn btn-default" type="button" ng-click="removeItems()" ng-disabled="selectedItems.length == 0">
            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Remove
        </button>
        <button class="btn btn-default" type="button" ng-click="addItem()">
            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add
        </button>
    </div>
</div>