ngTable：自定义行数按钮

Question

在这个 plunk 中，我有一个简单的 ngTable。我需要自定义允许用户 select table 中显示的行数的按钮。例如，如果你点击“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
      });
});

Answer 1

添加这个css

    .btn-default:active, .btn-default.active {
         background : white !important;
     }

ngTable：自定义行数按钮

ngTable: customizing number of rows buttons

angularjs

twitter-bootstrap-3

ngtable