How to hide header on MVC3 WebGrid

Question

Is there an easy way to hide the header for the MVC3 WebGrid extension? Sort of

var grid = new WebGrid(Model, canSort:false, canPage:false, showHeader:false); 

Perhaps I can set a CSS style for the title that does not render the title displayed, although I would prefer to do it with code.

Thanks,

Antonin

Answer 1

You can pass it to the GetHtml method:

 @grid.GetHtml(displayHeader: false) 

You can see more options in the next blog post .

Answer 2

write the column index in eq() and it will work put this in the document.ready() function

 $('.grid table thead tr th:eq(8)').hide(); 

Answer 3

Use this code to hide a column with your heading. Value: WebGrid

 grid.Column(null,null, format: @<input type="hidden" name="IDHidden" value="@item.IDHidden"/>), 

Answer 4

If you are trying to hide the header, but still see the data column, just make the header empty:

  grid.Column("Address2", header: " ", style: "cols", canSort: true)