AngularJS ui-grid 隐藏所有行

Question

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

为此我创建了 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/

好吧，这将永久隐藏您的行，如果您想要的话。否则，如果您可以解释您的 use-case / 要求......就像您尝试这样做一样，我们可以建议更多 "angular way" 来执行此操作。 :)

UPDATE:

如果您想隐藏 header 文本，请添加以下内容

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

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

希望对您有所帮助！