可以使用jQuery DataTables插件来实现在ASP.NET MVC表格中同时进行搜索过滤和排序。首先需要在视图文件中引入相关的CSS和JavaScript文件。然后,将表格元素包含在一个容器div中,并为该元素添加一个ID。最后,使用JavaScript代码将表格元素转换为DataTables表格,并设置搜索、排序和分页选项。
代码示例:
在视图文件中引入jQuery和DataTables相关文件:
在视图文件中包含表格元素:
Name
Age
City
John
25
New York
Jane
30
Los Angeles
Adam
35
Chicago
使用JavaScript代码将表格元素转换为DataTables表格:
$(document).ready(function() {
$('#example').DataTable({
"paging": true,
"searching": true,
"info": true,
"order": [[ 0, "asc" ]]
});
});
以上代码会在页面加载时初始化一个带有分页、搜索、信息和排序选项的DataTables表格。您可以根据需要自定义选项。