diff --git a/store-front/package.json b/store-front/package.json
index 9cb816e..039a1ad 100644
--- a/store-front/package.json
+++ b/store-front/package.json
@@ -21,6 +21,7 @@
     "@angular/platform-browser": "^2.3.1",
     "@angular/platform-browser-dynamic": "^2.3.1",
     "@angular/router": "^3.3.1",
+    "@types/lodash": "^4.14.55",
     "angular2-datatable": "^0.5.3",
     "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
diff --git a/store-front/src/app/components/book-list/book-list.component.html b/store-front/src/app/components/book-list/book-list.component.html
index 0b6b704..b4f5681 100644
--- a/store-front/src/app/components/book-list/book-list.component.html
+++ b/store-front/src/app/components/book-list/book-list.component.html
@@ -12,17 +12,29 @@
     <div class="row">
         <div class="col-md-3"></div>
         <div class="col-md-9">
-            <table class="table" [mfData]="data | dataFilter : filterQuery" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
+            <table class="table" [mfData]="bookList | dataFilter : filterQuery" #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
                 <thead>
                     <tr>
                         <th colspan="5">
-                            Filter by name:
-                            <input class="form-control" [(ngModel)]="filterQuery" />
+                            <div class="row">
+                                <div class="col-md-9">
+                                    Filter by Title:
+                                    <input class="form-control" [(ngModel)]="filterQuery" />
+                                </div>
+                                <div class="col-md-3">
+                                    <label class="label-control">Rows on page</label>
+                                    <select class="form-control input-sm" [(ngModel)]="rowsOnPage">
+                                        <option [ngValue]="5">5</option>
+                                        <option [ngValue]="10">10</option>
+                                        <option [ngValue]="15">15</option>
+                                    </select>
+                                </div>
+                            </div>
                         </th>
                     </tr>
                 </thead>
                 <tbody>
-                    <tr *ngFor="let book of bookList">
+                    <tr *ngFor="let book of mf.data">
                         <div class="row">
                             <div class="col-md-3">
                                 <a href="#">
diff --git a/store-front/src/app/components/book-list/data-filter.pipe.ts b/store-front/src/app/components/book-list/data-filter.pipe.ts
index b165732..151bb45 100644
--- a/store-front/src/app/components/book-list/data-filter.pipe.ts
+++ b/store-front/src/app/components/book-list/data-filter.pipe.ts
@@ -8,7 +8,7 @@ export class DataFilterPipe implements PipeTransform {
 
     transform(array: any[], query: string): any {
         if (query) {
-            return _.filter(array, row=>row.name.indexOf(query) > -1);
+            return _.filter(array, row=>row.title.indexOf(query) > -1);
         }
         return array;
     }
diff --git a/store-front/src/app/constants/app-const.ts b/store-front/src/app/constants/app-const.ts
index c50dd40..bf2f0f0 100644
--- a/store-front/src/app/constants/app-const.ts
+++ b/store-front/src/app/constants/app-const.ts
@@ -1,4 +1,4 @@
-export class AppConst implements OnInit {
+export class AppConst{
    public static serverPath='http://127.0.0.1:8181';
 
    public static usStates = {
@@ -62,15 +62,5 @@ export class AppConst implements OnInit {
     "WI": "Wisconsin",
     "WY": "Wyoming"
 }
-	constructor () {
-		console.log("test");
-		for (let s in this.usStates) {
-			this.stateList.push(s);
-			console.log(s);
-		}
-	}
-
-	ngOnInit() {
-		
-	}
+	
 }
\ No newline at end of file