AngularJS ui-grid隐藏所有行

Question

我正在使用ui-grid我只希望标题可见，所有行都将被隐藏。有人可以指导如何进行此更改吗？

对于我创建的jsfiddle

目前css位于下方，我不知道如何针对此问题更改css： -

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

Answer 1

如果您想要隐藏所有行（仅使用CSS），请执行以下操作

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

jsfiddle：http://jsfiddle.net/nujpd76y/5/

好吧，这将永久隐藏你的行，如果这是你想要的。否则，如果您可以解释您的用例/要求......就像您要尝试的那样，因为我们可以建议更多的角度方式＆＃34;去做这个。 ：）

  

更新：

如果您想隐藏标题文字，请添加以下

.ui-grid-header-cell-label{
  display: none;
}

jsfiddle：http://jsfiddle.net/nujpd76y/7/

希望这有帮助！