CODEWITHSUNDEEP
angularjsangular-ui-grid
Anchit Pancholi
Anchit Pancholi

Reputation: 1204

AngularJS ui-grid hide all the rows

I am using ui-grid i just want header to be visible and all the rows will be hidden. Can someone guide how to make this change ?

For the same i have created jsfiddle

currently the css is below, i dont know how to change css for this problem :- 

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

Upvotes: 0

Views: 861

Answers (1)

Dave Amit
Dave Amit

Reputation: 2309

If you wanna hide all rows (ONLY USING CSS) just do the following

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

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

Well, this will permanently hide your rows, if that is what you want. Otherwise if you could just explain your use-case / requirement ... as in what you are trying to do so as we can suggest a more "angular way" to do this. :)

UPDATE:

If you want to hide header text then add following

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

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

Hope this helps!

Upvotes: 2

Related Questions