選択した列をホバーするためにasp .net MVC3を使用しています。ページにはグリッド、複数選択リストボックス、およびボタンがあります。次のwebgridを使用してテーブルを表示しています。
@{
var grid = new WebGrid(Model.oTravelReadyEntities, canPage: true, rowsPerPage: 3);
grid.Pager(WebGridPagerModes.NextPrevious);
@grid.GetHtml(tableStyle:"WebGrid",
headerStyle:"Header",
alternatingRowStyle:"alt",
columns:grid.Columns(
grid.Column("Var_AssoId", "Var_AssoId", canSort: true, format: @<b>@item.Var_AssoId</b>,style:"Number"),
grid.Column("Var_AssociateName", "Var_AssociateName"),
grid.Column("Var_Grade", "Var_Grade"),
grid.Column("Char_VirtualPool", "Char_VirtualPool"),
grid.Column("Var_VirtualPoolCatagory", "Var_VirtualPoolCatagory"),
grid.Column("Char_VisaUtilization", "Char_VisaUtilization"),
grid.Column("Var_SupervisorId", "Var_SupervisorId"),
grid.Column("Var_SupervisorName", "Var_SupervisorName"),
grid.Column("Var_Deparment", "Var_Deparment"),
grid.Column("Var_Vertical", "Var_Vertical"),
grid.Column("Var_AccountName", "Var_AccountName"),
grid.Column("Var_Project_Desc", "Var_Project_Desc")
));
}
実行時に、表示ボタンをクリックしてColumnNamesを選択した後、webgridの下に配置された複数のリストボックスから列名を選択します.webgridは選択した列のみを表示し、他の列は非表示にする必要があります.jqueryを使用してそれを行うにはどうすればよいですか?