WebGrid控件是ASP.NET MVC框架中的一個輔助類,用于在網頁中顯示和管理數據。以下是使用WebGrid控件的基本步驟:
@model IEnumerable<YourNamespace.YourModel>
@{
var grid = new WebGrid(Model);
}
<table class="table">
<tr>
<th>
@grid.GetHtml(
tableStyle: "grid-table",
headerStyle: "grid-header",
footerStyle: "grid-footer",
alternatingRowStyle: "grid-alternating-row",
columns: grid.Columns(
grid.Column("Column1"),
grid.Column("Column2"),
...
)
)
</th>
</tr>
</table>
<div id="grid">
@grid.GetHtml(
tableStyle: "grid-table",
headerStyle: "grid-header",
footerStyle: "grid-footer",
alternatingRowStyle: "grid-alternating-row",
columns: grid.Columns(
grid.Column("Column1"),
grid.Column("Column2"),
...
)
)
</div>
public ActionResult Index()
{
var data = YourDataRepository.GetData();
return View(data);
}
上述步驟中,需要根據自己的需求修改表格結構、樣式和數據源。