Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS ui网格隐藏所有行_Angularjs_Angular Ui Grid - Fatal编程技术网

AngularJS ui网格隐藏所有行

AngularJS ui网格隐藏所有行,angularjs,angular-ui-grid,Angularjs,Angular Ui Grid,我正在使用我只想标题是可见的,所有的行将被隐藏。有人能指导如何做出这种改变吗 为了我所创造的一切 目前css如下,我不知道如何更改css以解决此问题:- .grid { width: 500px; height: 250px; } 如果要隐藏所有行(仅使用CSS),请执行以下操作 .ui-grid-viewport{ display:none; } .ui-grid{ height:100% !important; } .ui-grid-header-cell-label{

我正在使用我只想标题是可见的,所有的行将被隐藏。有人能指导如何做出这种改变吗

为了我所创造的一切

目前
css
如下,我不知道如何更改
css
以解决此问题:-

.grid {
  width: 500px;
  height: 250px;
}

如果要隐藏所有行(仅使用CSS),请执行以下操作

.ui-grid-viewport{
  display:none;
}
.ui-grid{
  height:100% !important;
}
.ui-grid-header-cell-label{
  display: none;
}
jsfiddle:

好吧,这将永久隐藏您的行,如果这是您想要的。否则,如果你能解释一下你的用例/需求。。。正如你试图做的那样,我们可以建议一种更“有角度的方式”来做这件事

更新:

如果要隐藏标题文本,请添加以下内容

.ui-grid-viewport{
  display:none;
}
.ui-grid{
  height:100% !important;
}
.ui-grid-header-cell-label{
  display: none;
}
jsfiddle:


希望这有帮助

如果要隐藏所有行(仅使用CSS),只需执行以下操作

.ui-grid-viewport{
  display:none;
}
.ui-grid{
  height:100% !important;
}
.ui-grid-header-cell-label{
  display: none;
}
jsfiddle:

好吧,这将永久隐藏您的行,如果这是您想要的。否则,如果你能解释一下你的用例/需求。。。正如你试图做的那样,我们可以建议一种更“有角度的方式”来做这件事

更新:

如果要隐藏标题文本,请添加以下内容

.ui-grid-viewport{
  display:none;
}
.ui-grid{
  height:100% !important;
}
.ui-grid-header-cell-label{
  display: none;
}
jsfiddle:


希望这有帮助

但它仍然显示行的区域。。我只想给你看别的。使用CSS或不使用CSS都无所谓。只有标题需要可见。因为我有自定义表来显示数据,我使用这个标题作为数据输入和排序。太好了,谢谢你的回答。如果我不希望标题文本可见怎么办?但它仍然显示行的区域。。我只想给你看别的。使用CSS或不使用CSS都无所谓。只有标题需要可见。因为我有自定义表来显示数据,我使用这个标题作为数据输入和排序。太好了,谢谢你的回答。如果我不希望标题文本可见,该怎么办?