ngTable: настройка кнопок количества строк

В этом разметке у меня есть простая таблица ngTable. Мне нужно настроить кнопки, которые позволяют пользователю выбирать количество строк, показанных в таблице. Например, если вы нажмете на «10», появится внутренняя тень, мне нужно от нее избавиться. Я вижу, что это кнопка Bootstrap, но не могу понять, как ее изменить. Любые идеи?

HTML

<div ng-controller="myCtl" ng-app="app">
    <table ng-table="tableParams" class="table table-bordered">
        <tbody>
            <tr ng-repeat="u in $data">
                <td title="'User ID'">{{ u.uid }}</td>
                <td title="'Name'">{{ u.nm }}</td>
                <td title="'Group'">{{ u.ugr }}</td>
            </tr>
        </tbody>
    </table>
</div>

Javascript

var app = angular.module('app', ['ngTable']);

app.controller('myCtl', function($scope, NgTableParams) {

      $scope.data = [{
          uid: 'User 1',
          nm: 'Name 1',
          ugr: 'Group 1'
      }, {
          uid: 'User 2',
          nm: 'Name 2',
          ugr: 'Group 2'
      }];


      $scope.tableParams = new NgTableParams({
          count: 5
      }, {
          data: $scope.data
      });
});

person ps0604    schedule 01.06.2016    source источник


Ответы (1)


Добавьте этот css

    .btn-default:active, .btn-default.active {
         background : white !important;
     }
person Saneesh B    schedule 01.06.2016