fixed basic display table

src/lubasictable.js

                 },
                 templateUrl: "/luticate/lubasictable.html",
                 link: function ($scope, element, attrs) {
-                    $scope.page = 0;
-                    $scope.perPage = 15;
                     $scope.items = [];
                     $scope.pages = [];
 
                     $scope.tableOptions = $scope.options();
+                    if ($scope.tableOptions.page == null) {
+                        $scope.tableOptions.page = 0;
+                    }
+                    if ($scope.tableOptions.perPage == null) {
+                        $scope.tableOptions.perPage = 15;
+                    }
                     if ($scope.tableOptions.checkedItems == null) {
                         $scope.tableOptions.checkedItems = [];
                     }
                             id: "promiseLoadItems",
                             groups: ['itemList']
                         };
-                        $scope.tableOptions.getLoadPagePromise(page, $scope.perPage, promiseLoadItems)
+                        $scope.tableOptions.getLoadPagePromise(page, $scope.tableOptions.perPage, promiseLoadItems)
                             .then(function (items) {
-                                $scope.page = page;
+                                $scope.tableOptions.page = page;
                                 $scope.items = items;
                                 $scope.pages = [];
-                                var start = Math.max(0, $scope.page - 5);
-                                var end = Math.min(start + 10, (items.Count / $scope.perPage) + (items.Count % $scope.perPage == 0 ? -1 : 0));
+                                var start = Math.max(0, $scope.tableOptions.page - 5);
+                                var end = Math.min(start + 10, (items.Count / $scope.tableOptions.perPage)
+                                    + (items.Count % $scope.tableOptions.perPage == 0 ? -1 : 0));
                                 for (var i = start; i < end; ++i) {
                                     $scope.pages.push(i);
                                 }
                         $scope.tableOptions.onItemClicked(item, $scope);
                     };
 
-                    $scope.loadPage($scope.page);
+                    $scope.loadPage($scope.tableOptions.page);
                 }
             };
         }
 '</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>' +
+'    <a class="{{ p == tableOptions.page ? \'pagination-current\' : \'pagination-not-current\'}}" href="" ng-repeat="p in pages" ng-click="loadPage(p)">{{ p + 1 }}&nbsp;</a>' +
 '</div>' +
 '    </div>');
 }]);