在 ASP.NET MVC 中使用 DataTables 捆绑的问题可以通过以下步骤解决:
首先,确保你已经在项目中引用了 DataTables 的相关文件,包括 CSS 和 JavaScript 文件。你可以从官方网站上下载并引用这些文件。
在你的视图文件中,创建一个 table 元素,并为其添加一个 ID,以便在 JavaScript 中引用。
Name
Age
City
$(document).ready(function() {
$('#myTable').DataTable();
});
这将会初始化并捆绑 DataTables 到你的 table 元素上。
public class Person
{
public string Name { get; set; }
public int Age { get; set; }
public string City { get; set; }
}
public ActionResult Index()
{
List people = new List
{
new Person { Name = "John", Age = 30, City = "New York" },
new Person { Name = "Jane", Age = 25, City = "Los Angeles" },
new Person { Name = "Steve", Age = 40, City = "Chicago" }
};
return View(people);
}
@foreach (var person in Model)
{
@person.Name
@person.Age
@person.City
}
这样,你就完成了在 ASP.NET MVC 中使用 DataTables 捆绑的过程。当页面加载完成后,你应该能够看到 DataTables 已经应用到了你的表格中,并且具有排序、搜索等功能。