esvit / ng-table

Simple table with sorting and filtering on AngularJS
http://esvit.github.io/ng-table
BSD 3-Clause "New" or "Revised" License
2.77k stars 851 forks source link

Number of Records per page section missing from NG Table #996

Closed pavankjadda closed 6 years ago

pavankjadda commented 7 years ago

I created controller with HTML using ng-table library. The output missing 'Number of Records per page bar' . It works fine in JSFiddle https://jsfiddle.net/jpavanaryan/jcx23dxa/ though

HTML Code:

 <div class="row">
    <div -ng-controller="myCtrl">

      <table ng-table="tableParams" class="table table-condensed table-bordered table-striped">
        <tr ng-repeat="user in $data">
          <td data-title="'Name'" filter="{ name: 'text'}" sortable="'name'">{{user.name}}</td>
          <td data-title="'Age'" filter="{ age: 'number'}" sortable="'age'">{{user.age}}</td>
          <td data-title="'Money'" filter="{ money: 'number'}" >{{user.money}}</td>
        </tr>
      </table>
    </div>

  </div>

Controller:

(function() 
 {
    //"use strict";
    var app=angular.module("testControllerModule", ["ngTable"]);
    function myCtrl($scope,$timeout,$filter,NgTableParams) 
    {

        $scope.dataset = [{
                "name": "Test1",
                "age": 50,
                "money": 1000
              }, {
                "name": "Test2",
                "age": 51,
                "money": 1000
              }, {
                "name": "Test3",
                "age": 52,
                "money": 1000
              }, {
                "name": "Test4",
                "age": 53,
                "money": 1000
              }, {
                "name": "Test5",
                "age": 54,
                "money": 1000
              }, {
                "name": "Test6",
                "age": 55,
                "money": 1000
              }, {
                "name": "Test2",
                "age": 51,
                "money": 1000
              }, {
                "name": "Test3",
                "age": 52,
                "money": 1000
              }, {
                "name": "Test4",
                "age": 53,
                "money": 1000
              }, {
                "name": "Test5",
                "age": 54,
                "money": 1000
              }, {
                "name": "Test6",
                "age": 55,
                "money": 1000
              }, {
                "name": "Test2",
                "age": 51,
                "money": 1000
              }, {
                "name": "Test3",
                "age": 52,
                "money": 1000
              }, {
                "name": "Test4",
                "age": 53,
                "money": 1000
              }, {
                "name": "Test5",
                "age": 54,
                "money": 1000
              }, {
                "name": "Test6",
                "age": 55,
                "money": 1000
              }, {
                "name": "Test2",
                "age": 51,
                "money": 1000
              }, {
                "name": "Test3",
                "age": 52,
                "money": 1000
              }, {
                "name": "Test4",
                "age": 53,
                "money": 1000
              }, {
                "name": "Test5",
                "age": 54,
                "money": 1000
              }, {
                "name": "Test6",
                "age": 55,
                "money": 1000
              }];

        $scope.tableParams = new NgTableParams({},{dataset: $scope.dataset});
        console.info('myCtrl end');

    }  
    myCtrl.$inject = ["$scope","$timeout","$filter","NgTableParams"];
    app.controller("myCtrl", myCtrl);

    angular.module("testControllerModule").run(configureDefaults);
    function configureDefaults(ngTableDefaults) {
        ngTableDefaults.params.count = 5;
        ngTableDefaults.settings.counts = [];
    }
    configureDefaults.$inject = ["ngTableDefaults"];  

})();

screen shot 2017-04-26 at 1 02 59 pm