我正在使用 WebGrid 助手在我的 MVC 应用程序中使网格可排序。
@{
var grid = new WebGrid(Model, canSort:true );
@grid.GetHtml( columns:grid.Columns(
grid.Column( "Username", "Full Name", canSort:true ),
grid.Column("Profile","Profile", canSort:false)
));
}
可排序列将覆盖(显示蓝色链接)标题的默认样式我该如何维护?
在最后一栏中,我有图像操作,它将使用 javascript 对话框打开弹出窗口
<img title="View Detail" style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"
src="@Url.Content("~/Content/Images/view-fullscreen.png")" />
如何使用 WebGrid 添加此附加列?
谢谢。
最佳答案
最后我得到了下面的答案
grid.Column(header: "Details",
format: @<text><img src="@Url.Content("~/Content/Images/view-fullscreen.png")"
style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"
alt="View Detail" title="View Detail"/></text>)
在标题内部有 anchor 标签,所以我添加了 headerStyle: "tdheader"
并添加新样式 .tdheader a{ 颜色:白色};
关于asp.net-mvc-3 - 如何在 MVC3 中将附加列添加到 WebGrid,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9339899/