partial_receipts.html

<div class="dataTables_wrapper">
	<div id="DataTables_Table_0_filter" class="dataTables_filter">
		<label>Search:
			<input ng-model="data.search" ng-model-options="{ debounce: 200 }" type="search" class="" placeholder="" aria-controls="DataTables_Table_0">
		</label>
	</div>
	<table class="row-border hover dataTable">
		<thead>
			<tr>
				<th>Blocked User</th>
				<th>Connection To</th>
				<th>Date Blocked</th>
			</tr>
		</thead>
		<tbody>
			<tr ng-repeat="receipt in slicedReceipts">
				<td>{{ receipt.username }}</td>
				<td>{{ receipt.type + ": " + receipt.connection }}</td>
				<td>{{ receipt.on | date:'medium' }}</td>
			</tr>
		</tbody>
	</table>
	<div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
		<a class="paginate_button previous disabled" aria-controls="DataTables_Table_0" id="DataTables_Table_0_previous">Previous</a>
		<span>
			<a ng-repeat="pageNum in pages" ng-class="{'current': pageNum == currentPage}" class="paginate_button" aria-controls="DataTables_Table_0"
			 ng-click="setPage(pageNum)">{{pageNum}}</a>
		</span>
		<a class="paginate_button next" aria-controls="DataTables_Table_0" id="DataTables_Table_0_next">Next</a>
	</div>
</div>