Asp.net mvc 如何在web应用程序MVC4上按标题对HTML表进行排序？

我需要帮助对Id列进行排序。我研究了如何按页眉对表格进行排序，但在mvc中找不到如何对表格进行排序，请帮助我按页眉对表格进行排序。我只需要对列ID进行排序

所有变量都在模型中， 这是我在控制器上的代码：

        List<PedidosPostosModel> lista = new List<PedidosPostosModel>();

        PedidosPostosModel p1 = new PedidosPostosModel();
        p1.ID = 123;
        p1.DataPedido = DateTime.Now;
        p1.DataResposta = new DateTime(2015, 01, 15);
        p1.DataRecolha = new DateTime(2015, 01, 16);
        p1.Estado = "Executado";
        p1.Tipo = "Recolha";
        p1.Motorista = "13";
        lista.Add(p1);

        PedidosPostosModel p2 = new PedidosPostosModel();
        p2.ID = 13;
        p2.DataPedido = DateTime.Now;
        p2.DataResposta = new DateTime(2015, 01, 15);
        p2.DataRecolha = new DateTime(2015, 01, 16);
        p2.Estado = "Aceite";
        p2.Tipo = "Espera";
        p2.Motorista = "2";
        lista.Add(p2);

        PedidosPostosModel p3 = new PedidosPostosModel();
        p3.ID = 1;
        p3.DataPedido = DateTime.Now;
        p3.DataResposta = new DateTime(2015, 01, 15);
        p3.DataRecolha = new DateTime(2015, 01, 16);
        p3.Estado = "Anulado";
        p3.Tipo = "Material";
        p3.Motorista = "4";
        lista.Add(p3);

        PedidosPostosModel p4 = new PedidosPostosModel();
        p4.ID = 3;
        p4.DataPedido = DateTime.Now;
        p4.DataResposta = new DateTime(2015, 01, 15);
        p4.DataRecolha = new DateTime(2015, 01, 16);
        p4.Estado = "Executado";
        p4.Tipo = "Material";
        p4.Motorista = "8";
        lista.Add(p4);

        PedidosPostosModel p5 = new PedidosPostosModel();
        p5.ID = 123;
        p5.DataPedido = DateTime.Now;
        p5.DataResposta = new DateTime(2015, 01, 15);
        p5.DataRecolha = new DateTime(2015, 01, 16);
        p5.Estado = "Aceite";
        p5.Tipo = "Recolha";
        p5.Motorista = "9";
        lista.Add(p5);

        return View(lista);

List lista=新列表（）；
PedidosPostosModel p1=新的PedidosPostosModel（）；
p1.ID=123；
p1.DataPedido=DateTime.Now；
p1.DataResposta=新日期时间（2015,01,15）；
p1.DataRecolha=新日期时间（2015,01,16）；
p1.Estado=“Executado”；
p1.Tipo=“Recolha”；
p1.Motorista=“13”；
列表a.Add（p1）；
PedidosPostosModel p2=新的PedidosPostosModel（）；
p2.ID=13；
p2.DataPedido=DateTime.Now；
p2.DataResposta=新日期时间（2015,01,15）；
p2.DataRecolha=新日期时间（2015,01,16）；
p2.Estado=“Aceite”；
p2.Tipo=“Espera”；
p2.Motorista=“2”；
添加（p2）；
PedidosPostosModel p3=新的PedidosPostosModel（）；
p3.ID=1；
p3.DataPedido=DateTime.Now；
p3.DataResposta=新日期时间（2015,01,15）；
p3.DataRecolha=新日期时间（2015,01,16）；
p3.Estado=“Anulado”；
p3.Tipo=“材料”；
p3.Motorista=“4”；
列表a.添加（p3）；
PedidosPostosModel p4=新的PedidosPostosModel（）；
p4.ID=3；
p4.DataPedido=DateTime.Now；
p4.DataResposta=新日期时间（2015,01,15）；
p4.DataRecolha=新日期时间（2015,01,16）；
p4.Estado=“Executado”；
p4.Tipo=“材料”；
p4.Motorista=“8”；
增加（第4页）；
PedidosPostosModel p5=新的PedidosPostosModel（）；
p5.ID=123；
p5.DataPedido=DateTime.Now；
p5.DataResposta=新日期时间（2015,01,15）；
p5.DataRecolha=新日期时间（2015,01,16）；
p5.Estado=“Aceite”；
p5.Tipo=“Recolha”；
p5.Motorista=“9”；
增加（第5页）；
返回视图（lista）；

这是视图中的我的表：

d="myTable" class="table table-striped table-bordered" cellspacing="0">
              <thead>
                    <tr>
                        <th>
                            @Html.DisplayNameFor(model => model.ID)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.DataPedido)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.DataResposta)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.DataRecolha)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Estado)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Tipo)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Motorista)
                        </th>
                    </tr>
                </thead>
                @foreach (var item in Model)
                {
                    <tr>
                        <td>
                            @item.ID
                        </td>
                        <td>
                            @item.DataPedido
                        </td>
                        <td>
                            @item.DataResposta
                        </td>
                        <td>
                            @item.DataRecolha
                        </td>
                        <td>
                            @item.Estado
                        </td>
                        <td>
                            @item.Tipo
                        </td>
                        <td>
                            @item.Motorista
                        </td>
                    </tr>
                }
            </table> 

d=“myTable”class=“table table striped table bordered”cellspacting=“0”>
@DisplayNameFor（model=>model.ID）
@DisplayNameFor（model=>model.DataPedido）
@DisplayNameFor（model=>model.DataResposta）
@DisplayNameFor（model=>model.DataRecolha）
@DisplayNameFor（model=>model.Estado）
@DisplayNameFor（model=>model.Tipo）
@DisplayNameFor（model=>model.Motorista）
@foreach（模型中的var项目）
{
@item.ID
@item.DataPedido
@项目1.DataResposta
@项目1.1.a
@项目.Estado
@项目.提坡
@项目.汽车司机
}

像这样试试

lista.Add(p5);
lista.OrderByDescending(x=>x.ID);
//or 
lista.OrderBy(x=>x.ID); 
return View(lista);

---

您想在页面最初加载时还是在用户单击Id列时进行排序？@SBirthare，感谢您的回复，但它不起作用。。我想在用户单击Id列时进行排序。在这种情况下，恐怕您必须实现将列名发送到服务器并用排序后的数据重新加载网格的功能。有内置功能的免费网格很少，如果您愿意，可以尝试一下。捕获列单击事件，向服务器发送ajax请求，服务器使用列对数据排序，然后发送回。用数据重新加载网格。