使用带有ASP.NET核心的自定义html属性对数据表中的列进行排序

<table>
    <thead>
        <tr>
            <th data-sortable="true">列1</th>
            <th data-sortable="true">列2</th>
            <th data-sortable="true">列3</th>
        </tr>
    </thead>
    <tbody>
        <!-- 数据行 -->
    </tbody>
</table>

using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
using System.Linq;

public class HomeController : Controller
{
    public IActionResult Index(string sortBy)
    {
        // 获取数据表的数据
        List<DataModel> data = GetData();

        // 根据排序参数对数据进行排序
        switch (sortBy)
        {
            case "列1":
                data = data.OrderBy(d => d.列1).ToList();
                break;
            case "列2":
                data = data.OrderBy(d => d.列2).ToList();
                break;
            case "列3":
                data = data.OrderBy(d => d.列3).ToList();
                break;
            default:
                break;
        }

        // 将排序后的数据传递给前端页面
        return View(data);
    }

    private List<DataModel> GetData()
    {
        // 获取数据表的数据，可以从数据库或其他数据源中获取
        // 示例数据
        List<DataModel> data = new List<DataModel>
        {
            new DataModel { 列1 = "值1", 列2 = "值2", 列3 = "值3" },
            new DataModel { 列1 = "值4", 列2 = "值5", 列3 = "值6" },
            new DataModel { 列1 = "值7", 列2 = "值8", 列3 = "值9" }
        };

        return data;
    }
}

public class DataModel
{
    public string 列1 { get; set; }
    public string 列2 { get; set; }
    public string 列3 { get; set; }
}