How to hide a column in the Webgrid in aspasp.net MVC?

Question

I am new to MVC and I use Webgrid to display some customer values. I need to hide columns together with their headers. How do i do this?

CSS: gridhide { visibility:hidden }
Code: grid.Column("Id", "ID", style: "gridhide"),

Assuming you meant give the column a class name you're missing the `.` in the `.gridhide` css selector — xec, Oct 08 '13 at 11:43

score 9 · Accepted Answer · answered Oct 09 '13 at 05:23

9

I hide particular column: Please Try This: WEBGRID

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

answered Oct 09 '13 at 05:23

Praveen S

650
2
12
35

1

this almost works for me but seems to leave a tiny blank column in my table where the column has been excluded – Matthew Lock Mar 28 '17 at 03:16

score 2 · Answer 2 · edited May 23 '17 at 11:54

I ended up using jQuery to hide the column on the client side. Not ideal but easy to implement. Eg to hide the second column:

$('td:nth-child(2),th:nth-child(2)').hide();

Another option would be to simply not add the column to the grid in the first place like so, as seen here: https://forums.asp.net/post/5850519.aspx

var books = db.Query(sql);
var columns = new List<WebGridColumn>();
columns.Add(new WebGridColumn(){ColumnName = "BookId", Header = "Book Id" });
if(books.Any(b =>b.Price != null)){
    columns.Add(new WebGridColumn(){ColumnName = "Price", Header = "Price" });
}
var grid = new WebGrid(books);

score 0 · Answer 3 · answered Oct 08 '13 at 11:37

0

gridhide is a class, define class instead of style in grid.column

answered Oct 08 '13 at 11:37

Amit

15,217
8
46
68

1

The column values will hide..still header is on display i want to hide even header also – Praveen S Oct 08 '13 at 11:39
define class on header. – Amit Oct 08 '13 at 11:40
I use this code to hide column grid.Column(null,null, format: @), – Praveen S Oct 09 '13 at 05:23

How to hide a column in the Webgrid in aspasp.net MVC?

3 Answers3

Linked