diff --git a/loomengine/portal/dashboard.css b/loomengine/portal/app.css
similarity index 97%
rename from loomengine/portal/dashboard.css
rename to loomengine/portal/app.css
index 3b1e1eac..fa65600e 100755
--- a/loomengine/portal/dashboard.css
+++ b/loomengine/portal/app.css
@@ -136,3 +136,7 @@ g {
     fill: #333;
     stroke-width: 1.5px;
 }
+
+.textarea-sm {
+  width: 50px !important;
+}
diff --git a/loomengine/portal/index.html b/loomengine/portal/index.html
index 8821c6a0..31b859be 100755
--- a/loomengine/portal/index.html
+++ b/loomengine/portal/index.html
@@ -17,7 +17,7 @@
     <link href="bootstrap/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
 
     <!-- Custom styles for this template -->
-    <link href="dashboard.css" rel="stylesheet">
+    <link href="app.css" rel="stylesheet">
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
@@ -79,6 +79,9 @@
     <script src="d3/d3.v3.min.js"></script>
     <script src="d3/dagre-d3.js"></script>
 
+    <!-- https://github.com/brantwills/Angular-Paging -->
+    <script src="paging/paging.min.js"></script>
+
     <!-- Loom app and controllers -->
     <script src="scripts/loom.js"></script>
     <script src="scripts/loom.routes.js"></script>
diff --git a/loomengine/portal/paging/paging.min.js b/loomengine/portal/paging/paging.min.js
new file mode 100644
index 00000000..463214ab
--- /dev/null
+++ b/loomengine/portal/paging/paging.min.js
@@ -0,0 +1,5 @@
+/*! 
+* angular-paging v2.2.2 by Brant Wills - MIT licensed 
+* https://github.com/brantwills/Angular-Paging.git 
+*/
+angular.module("bw.paging",[]).directive("paging",function(){function a(a,b,c){a.$watchCollection("[page,pageSize,total,disabled]",function(){l(a,c)})}function b(a,b){return'<ul data-ng-hide="Hide" data-ng-class="ulClass"> <li title="{{Item.title}}" data-ng-class="Item.liClass" data-ng-repeat="Item in List"> <a '+(b.pgHref?'data-ng-href="{{Item.pgHref}}" ':"href ")+'data-ng-class="Item.aClass" data-ng-click="Item.action()" data-ng-bind="Item.value"></a> </li></ul>'}function c(a,b){a.List=[],a.Hide=!1,a.page=parseInt(a.page)||1,a.total=parseInt(a.total)||0,a.adjacent=parseInt(a.adjacent)||2,a.pgHref=a.pgHref||"",a.dots=a.dots||"...",a.ulClass=a.ulClass||"pagination",a.activeClass=a.activeClass||"active",a.disabledClass=a.disabledClass||"disabled",a.textFirst=a.textFirst||"<<",a.textLast=a.textLast||">>",a.textNext=a.textNext||">",a.textPrev=a.textPrev||"<",a.textFirstClass=a.textFirstClass||"",a.textLastClass=a.textLastClass||"",a.textNextClass=a.textNextClass||"",a.textPrevClass=a.textPrevClass||"",a.textTitlePage=a.textTitlePage||"Page {page}",a.textTitleFirst=a.textTitleFirst||"First Page",a.textTitleLast=a.textTitleLast||"Last Page",a.textTitleNext=a.textTitleNext||"Next Page",a.textTitlePrev=a.textTitlePrev||"Previous Page",a.hideIfEmpty=d(a,b.hideIfEmpty),a.showPrevNext=d(a,b.showPrevNext),a.showFirstLast=d(a,b.showFirstLast),a.scrollTop=d(a,b.scrollTop),a.isDisabled=d(a,b.disabled)}function d(a,b){return angular.isDefined(b)?!!a.$parent.$eval(b):!1}function e(a,b){a.page>b&&(a.page=b),a.page<=0&&(a.page=1),a.adjacent<=0&&(a.adjacent=2),1>=b&&(a.Hide=a.hideIfEmpty)}function f(a,b){a.page!=b&&(a.isDisabled||(a.page=b,a.pagingAction({page:a.page,pageSize:a.pageSize,total:a.total}),a.scrollTop&&scrollTo(0,0)))}function g(a,b,c){if(!(!a.showPrevNext&&!a.showFirstLast||1>b)){var d,e,g;if("prev"===c){d=a.page-1<=0;var h=a.page-1<=0?1:a.page-1;a.showFirstLast&&(e={value:a.textFirst,title:a.textTitleFirst,aClass:a.textFirstClass,page:1}),a.showPrevNext&&(g={value:a.textPrev,title:a.textTitlePrev,aClass:a.textPrevClass,page:h})}else{d=a.page+1>b;var i=a.page+1>=b?b:a.page+1;a.showPrevNext&&(e={value:a.textNext,title:a.textTitleNext,aClass:a.textNextClass,page:i}),a.showFirstLast&&(g={value:a.textLast,title:a.textTitleLast,aClass:a.textLastClass,page:b})}var j=function(b,c){return{title:b.title,aClass:b.aClass,value:b.aClass?"":b.value,liClass:c?a.disabledClass:"",pgHref:c?"":a.pgHref.replace(m,b.page),action:function(){c||f(a,b.page)}}};if(a.isDisabled&&(d=!0),e){var k=j(e,d);a.List.push(k)}if(g){var l=j(g,d);a.List.push(l)}}}function h(a,b,c){var d=0;for(d=a;b>=d;d++){var e=c.pgHref.replace(m,d),g=c.page==d?c.activeClass:"";c.isDisabled&&(e="",g=c.disabledClass),c.List.push({value:d,title:c.textTitlePage.replace(m,d),liClass:g,pgHref:e,action:function(){f(c,this.value)}})}}function i(a){a.List.push({value:a.dots,liClass:a.disabledClass})}function j(a,b){h(1,2,a),3!=b&&i(a)}function k(a,b,c){c!=a-2&&i(b),h(a-1,a,b)}function l(a,b){(!a.pageSize||a.pageSize<=0)&&(a.pageSize=1);var d=Math.ceil(a.total/a.pageSize);c(a,b),e(a,d);var f,i,l=2*a.adjacent+2;g(a,d,"prev"),l+2>=d?(f=1,h(f,d,a)):a.page-a.adjacent<=2?(f=1,i=1+l,h(f,i,a),k(d,a,i)):a.page<d-(a.adjacent+2)?(f=a.page-a.adjacent,i=a.page+a.adjacent,j(a,f),h(f,i,a),k(d,a,i)):(f=d-l,i=d,j(a,f),h(f,i,a)),g(a,d,"next")}var m=/\{page\}/g;return{restrict:"EA",link:a,template:b,scope:{page:"=",pageSize:"=",total:"=",disabled:"@",dots:"@",ulClass:"@",activeClass:"@",disabledClass:"@",adjacent:"@",pagingAction:"&",pgHref:"@",textFirst:"@",textLast:"@",textNext:"@",textPrev:"@",textFirstClass:"@",textLastClass:"@",textNextClass:"@",textPrevClass:"@",textTitlePage:"@",textTitleFirst:"@",textTitleLast:"@",textTitleNext:"@",textTitlePrev:"@"}}});
\ No newline at end of file
diff --git a/loomengine/portal/scripts/controllers/runList.controller.js b/loomengine/portal/scripts/controllers/runList.controller.js
index 7a9fe8ab..d6ebe941 100644
--- a/loomengine/portal/scripts/controllers/runList.controller.js
+++ b/loomengine/portal/scripts/controllers/runList.controller.js
@@ -7,10 +7,18 @@ angular
 RunListController.$inject = ['$scope', 'DataService', '$location'];
 
 function RunListController($scope, DataService, $location) {
+    function loadRuns() {
+	var offset = ($scope.currentPage - 1) * $scope.pageSize
+	DataService.getRuns($scope.pageSize, offset).then(function(data) {
+	    $scope.runs = data.results;
+	    $scope.total = data.count;
+	    $scope.loading = false;
+	});
+    }
     $scope.$location = $location;
+    $scope.$watch('currentPage', loadRuns, true);
+    $scope.pageSize = 10;
+    $scope.currentPage=1;
     $scope.loading = true;
-    DataService.getRuns().then(function(runs) {
-	    $scope.loading = false;
-	    $scope.runs = runs;
-    });
+    loadRuns();
 };
diff --git a/loomengine/portal/scripts/loom.js b/loomengine/portal/scripts/loom.js
index a2933313..8222145b 100644
--- a/loomengine/portal/scripts/loom.js
+++ b/loomengine/portal/scripts/loom.js
@@ -7,6 +7,7 @@ angular
 	'loom.filters',
 	'loom.routes',
 	'loom.services',
+	'bw.paging',
     ]);
 
 angular
diff --git a/loomengine/portal/scripts/services/data.service.js b/loomengine/portal/scripts/services/data.service.js
index 1e47f18c..ea567960 100644
--- a/loomengine/portal/scripts/services/data.service.js
+++ b/loomengine/portal/scripts/services/data.service.js
@@ -101,8 +101,8 @@ function DataService($http, $q) {
 		return response.data;
 	    });
     }
-    function getRuns() {
-        return $http.get("/api/runs/?parent_only")
+    function getRuns(limit, offset) {
+        return $http.get("/api/runs/?parent_only&limit="+limit+"&offset="+offset)
             .then(function(response) {
 		return response.data;
             });
diff --git a/loomengine/portal/views/run-list.html b/loomengine/portal/views/run-list.html
index c0440b8c..6dfe7e30 100644
--- a/loomengine/portal/views/run-list.html
+++ b/loomengine/portal/views/run-list.html
@@ -1,3 +1,14 @@
+<div class="container-fluid">
+  <div class="row pull-right">
+    <div class="col-xs-12 pull-right">
+      <div paging
+	   page="currentPage"
+	   page-size="pageSize"
+	   total="total">
+      </div>
+    </div>
+  </div>
+</div>
 <img src="assets/loading.gif" alt="Loading..." ng-show="loading" class="center-block">
 <div ng-hide="loading">
   <div class = "table-responsive" ng-show="runs.length">
@@ -19,3 +30,24 @@
   </div>
   <div ng-hide="runs.length">no runs</div>
 </div>
+<div class="container-fluid pull-right" ng-show="total>pageSize">
+  <div class="row">
+    <div class="col-xs-12">
+      <div paging
+	   page="currentPage"
+	   page-size="pageSize"
+	   total="total">
+      </div>
+    </div>
+  </div>
+  <div class="row pull-right">
+    <div class="form-inline col-xs-12">
+      <label>page</label>
+      <input
+	placeholder="page"
+	class="form-control textarea-sm"
+	maxlength="16"
+	ng-model="currentPage"/>
+    </div>
+  </div>
+</div>