使用ngGrid表中的勾号按钮隐藏/显示行（AngularJS）
以前可能有人问过这个问题，但我检查了Q&A，没有找到我问题的相关答案。所以我使用的是ng网格表，它在该表上显示了超过30K的数据。我显示的数据来自服务器，它是一个实时数据。我的表中有多个列。有时一行中3,4个单元格的值为零。所以我想有一个勾选/取消勾选按钮，它将根据我的选择隐藏/显示那些零单元格。我怎么做？使用ng隐藏？如果是，该如何称呼？如果你能给我一些建议，我将不胜感激。如果你需要，我可以提供我的代码。提前谢谢 js使用ngGrid表中的勾号按钮隐藏/显示行（AngularJS）,angularjs,ng-grid,ng-show,angular-ng-if,ng-hide,Angularjs,Ng Grid,Ng Show,Angular Ng If,Ng Hide,以前可能有人问过这个问题，但我检查了Q&A，没有找到我问题的相关答案。所以我使用的是ng网格表，它在该表上显示了超过30K的数据。我显示的数据来自服务器，它是一个实时数据。我的表中有多个列。有时一行中3,4个单元格的值为零。所以我想有一个勾选/取消勾选按钮，它将根据我的选择隐藏/显示那些零单元格。我怎么做？使用ng隐藏？如果是，该如何称呼？如果你能给我一些建议，我将不胜感激。如果你需要，我可以提供我的代码。提前谢谢 js app.controller('MyController', functi
app.controller('MyController', function ($scope, Stream, liveData) {
$scope.myData = liveData.myData;
$scope.$apply();
};
Stream.start();
var customCell = '<div ng-class="{red: row.getProperty(col.field) < 0, blue: row.getProperty(col.field) > 0 , black: row.getProperty(col.field) == 0}"><div class="ngCellText">{{row.getProperty(col.field) | number | replace}}</div></div>';
$scope.gridOptions = {
data: 'myData',
showFilter: true,
showColumnMenu: true,
showFooter: true,
columnDefs: [
{
field: 'name',
displayName: 'Name',
cellClass: 'text-center',
},
{
field: 'amountSent',
displayName: 'Amount Sent',
cellClass: 'text-center'
},
{
field: 'amountReceived',
displayName: 'Amount Received',
cellClass: 'text-center'
},
field: 'currentBalance',
displayName: 'Current balance',
cellTemplate: customCell,
cellClass: 'text-right'
],
};
});
app.controller（'MyController'，函数（$scope、Stream、liveData）{
$scope.myData=liveData.myData；
$scope.$apply（）；
};
Stream.start（）；
var customCell='{row.getProperty（col.field）| number | replace}}}'；
$scope.gridOptions={
数据：“myData”，
showFilter：是的，
showColumnMenu：正确，
showFooter：是的，
columnDefs：[
{
字段：“名称”，
displayName:'名称'，
cellClass:“文本中心”，
},
{
字段：'amountSent'，
displayName:“发送的金额”，
cellClass:“文本中心”
},
{
字段：“未接收的金额”，
displayName:“收到的金额”，
cellClass:“文本中心”
},
字段：“currentBalance”，
displayName:“当前余额”，
cellTemplate:customCell，
cellClass:“文本右键”
],
};
});
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="Table">
<head>
<title>Payments</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="/Scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/Content/ng-grid.min.css" />
<link rel="stylesheet" type="text/css" href="/Content/indexStyle.css" />
</head>
<body>
<div ng-view></div>
<h1>Payment Table</h1>
<div class="gridStyle" ng-grid="gridOptions"></div>
<script src="/Scripts/jquery-1.11.3.min.js"></script>
<script src="/Scripts/jquery.color-2.1.2.min.js"></script>
<script src="/Scripts/json2.js"></script>
<script src="/Scripts/jquery.signalR-2.2.0.js"></script>
<script src="/Scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="/signalr/hubs"></script>
<script src="/Scripts/angular.min.js"></script>
<script src="/Scripts/angular-route.js"></script>
<script src="/Scripts/angular-animate.js"></script>
<script type="text/javascript" src="/Jscript/app.js"></script>
<script src="/Jscript/MyController.js"></script>
<script src="/Scripts/ng-grid.min.js"></script>
</body>
</html>
付款
付款表