jquery - How to hide a table column in mvc3 and show on hover? -


I have to hide a column from my desk and it will be shown again on the hover. How this table looks:

  ProjectName | Details | Status   

I have to hide the details table and when I take a mouse, it will be shown in a pop up Description on the ProjectName column should be in the hide mode in startup mode.

My index.cshtml page looks like this

  @ {ViewBag.Title = "Index"; } & Lt; H2 & gt; Index & lt; / H2 & gt; & Lt; P & gt; @htmlexactionlink ("create new", "create") & lt; / P & gt; & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Project Name & lt; / Th & gt; & Lt; Th & gt; Details & lt; / Th & gt; & Lt; Th & gt; Status & lt; / Th & gt; & Lt; Th & gt; & Lt; / Th & gt; & Lt; / TR & gt; @forcha (Miscellaneous items in the model) {& lt; Tr & gt; & Lt; TD & gt; @html DisplayForm (Model Itam => Item Pozijennam) & lt; / Td> & Lt; Td> @html DisplayFlier (Model Itam => Item Details) & lt; / Td> & Lt; TD & gt; @html DisplayForm (Model Itam = & gt; Items.States) & lt; / Td> & Lt; TD & gt; @html.exeLink ("edit", "edit", new id. Item.product id}). @html.exelink ("description", "description", new {id = item.ProjectId}). @html.exelink ("delete", "delete", new {id = item.product id}) & lt; / Td> & Lt; / TR & gt; } & Lt; / Table & gt;    

Hide a column using jquery

  Hide $ (. 'TD: ChildNumber IndexNumber');   

Please, check out this other question in StackOverflow



Comments