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/

Ну, это будет постоянно скрывать ваши строки, если это то, что вы хотите. В противном случае, если бы вы могли просто объяснить свой прецедент/требование ... как в том, что вы пытаетесь сделать, так как мы можем предложить более «угловой способ» сделать это. :)

UPDATE:

Если вы хотите, чтобы скрыть текст заголовка добавьте следующие

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

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

Надеется, что это помогает!