排序HTML表格

Question

我已經像這樣動態創建了html表。 現在，我想在客戶端上單擊“名稱標題”時根據名稱對表進行排序。 我該如何實現？

        StringBuilder sb = new StringBuilder();
        sb.Append("<table border='1' id='tblCustomers'>");

        sb.Append("<tr>");

        sb.Append("<th>");
        sb.Append("Name");
        sb.Append("</th>");

        sb.Append("<th>"); 
        sb.Append("City");
        sb.Append("</th>");          


        sb.Append("</tr>");
        for(int i=0; i< dtcustomers.count;i++)
        {
           sb.Append("<tr>");

           sb.Append("<td>");
           sb.Append(dtcustomers.Rows[i]["Name"]);
           sb.Append("</td>");

           sb.Append("<td>");
           sb.Append(dtcustomers.Rows[i]["City"]);
           sb.Append("</td>");

           sb.Append("</tr>");
        }

         sb.Append("</table>");
         this.mydiv.InnerHtml = sb.ToString();

Answer 1

由於您正在使用jQuery並希望在客戶端完成此操作，因此可以嘗試使用此方便的插件 。

Answer 2

這也真的很有用： https : //www.kryogenix.org/code/browser/sorttable/

它為您提供了一個js庫來安裝，然后您只需使用<script src="sorttable.js"></script>將其鏈接到您的項目，然后將一個類添加到表中即可。 真的很容易