How to hide header on MVC3 WebGrid

Question

Is there some easy way to hide header for MVC3 WebGrid extension? Something like

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

I can probably set css style for header that will cause header not showing, though I'd rather have this done via code.

Thanks,

Antonin

score 14 · Accepted Answer · answered Jan 17 '11 at 16:46

14

You could pass it to the GetHtml method:

@grid.GetHtml(displayHeader: false)

For additional options you may take a look at the following blog post.

answered Jan 17 '11 at 16:46

Darin Dimitrov

how to make particular webgrid column hide – Praveen S Oct 08 '13 at 11:03
@PraveenS, customize the columns property and include only the columns you would like to see in the grid. – Darin Dimitrov Oct 08 '13 at 11:27

score 0 · Answer 2 · edited Feb 09 '13 at 07:59

0

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

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

edited Feb 09 '13 at 07:59

j0k

answered Feb 09 '13 at 07:41

akruwala

score 0 · Answer 3 · answered Oct 09 '13 at 05:28

0

Use this code to hide column with its header Value: WebGrid

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

answered Oct 09 '13 at 05:28

Praveen S

score 0 · Answer 4 · answered Dec 16 '17 at 00:21

0

If you are trying to hide the header but still show the column of data just make the header a single blank space:

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

answered Dec 16 '17 at 00:21

Thomas Fonseca

4 Answers4