以下是代码绑定方式：
@{
var grid = new WebGrid(
source: Model,
fieldNamePrefix: "grid_",
defaultSort: "dt",
canPage: true,
canSort: true,
ajaxUpdateContainerId: "DivGrid",
pageFieldName: "paging",
sortFieldName: "sortField",
rowsPerPage: 20);
}
@grid.GetHtml(
alternatingRowStyle: "",
selectedRowStyle: "t3",
rowStyle: "",
headerStyle: "",
footerStyle: "",
tableStyle: "table table-striped table-bordered bootstrap-datatable datatable",
firstText: "首页",
previousText: "上一页",
nextText: "下一页",
lastText: "末页",
caption: "",
mode: WebGridPagerModes.All,
fillEmptyRows: true,
columns: grid.Columns(
grid.Column("groups", "招商组"),
grid.Column("costomername", "客户姓名"),
grid.Column("costomerphone", "客户电话"),
grid.Column("comedate", "到访日期"),
grid.Column("xqareas", "需求面积"),
grid.Column("regions", "区域"),
grid.Column("userid", "办理人"),
grid.Column("issign", "是否签约 "),
grid.Column("详情编辑", format: @<text>@Ajax.ActionLink("详情编辑", "BusDetal", new { id = item.receiveID }, new AjaxOptions { UpdateTargetId = "main" }, new { @class = "btn btn-info" })</text>),
grid.Column("附表详情", format: @<text>@Ajax.ActionLink("附表详情", "BsonDetal", new { id = item.receiveID }, new AjaxOptions { UpdateTargetId = "main" }, new { @class = "btn btn-info" })</text>)
//grid.Column("删除", format: @<text>@Ajax.ActionLink("删除", "BusDel", new { id = item.receiveID }, new AjaxOptions { UpdateTargetId = "main" }, new { @class = "btn btn-warning", onclick = "return confirm('确认删除？')" })</text>)
))