Question

在这个plunk中我有一个简单的ngTable。我需要自定义按钮，允许用户选择表中显示的行数。例如，如果您点击＆＃34; 10＆＃34;有一个内在的阴影，我需要摆脱它。我发现它是一个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：自定义行数按钮

1 个答案: