桌面排序當表格標題被點擊

我使用的是asp表格和repeater.i需要在點擊表格標題時對數據進行排序。當我點擊表格標題時，如何排序表格數據？誰能幫助我，請我的HTML代碼如下桌面排序當表格標題被點擊

<div class="blue"> <table id="mytable" data-sortable class="table table-hover table-striped"> <thead> <tr> <th id="sl">Code</th> <th id="nm">Name</th> <th data-sortable="false">Edit</th> <th data-sortable="false">Delete</th> </tr> </thead> <tbody> <asp:Repeater runat="server" id="rptArea" > <ItemTemplate> <tr> <td> <strong> <%# Eval("strAreaCode")%></strong></td> <td> <%# Eval("strAreaName")%></td> <td> <div class="btn-group btn-group-xs"><a href="AreaMaster.aspx?strAreaCode=<%# Eval("strAreaCode")%>&Action=Edit" data-toggle="tooltip" title="" data-original-title="Edit"> <i class="fa fa-edit" style="font-size:24px;color:red;"></i> </a> </div> </td> <td> <div class="btn-group btn-group-xs"> <a href="AreaMaster.aspx?strAreaCode=<%# Eval("strAreaCode")%>&Action=Delete" onclick="return confirm('Are you sure?')" data-toggle="tooltip" title="Delete"> <i class="fa fa-trash" style="font-size:24px;color:green;"> </i> </a> </div> </td> </tr> </ItemTemplate> </asp:Repeater> </tbody> </table>

來源

2017-04-17 Boney Jose

這裏是一個example使用引導，這可能幫助你

<table data-toggle="table" 
> 
<thead> 
    <tr> 
     <th data-field="fruit" data-sortable="true">Item</th> 
     <th data-field="date" data-sortable="true" data-sort-name="_date_data" data-sorter="monthSorter">Date</th> 
     <th data-field="type" data-sortable="true">Type</th> 
    </tr> 
</thead> 
<tbody> 
    <tr><td>Pear </td><td data-month="1">January</td> <td>Fruit</td></tr> 
    <tr><td>Carrot</td><td data-month="3">March</td> <td>Vegetable</td></tr> 
    <tr><td>Apple </td><td data-month="2">February</td><td>Fruit</td></tr> 
</tbody>

<script> 
function monthSorter(a, b) { 
    if (a.month < b.month) return -1; 
    if (a.month > b.month) return 1; 
    return 0; 
} 
</script>

來源

2017-04-17 07:46:00

你可以這樣做通過兩種方式。

客戶端排序

使用jQuery plugin像排序或this one，so post having many

服務器端排序

讓你的表頭爲鏈接按鈕/按鍵

<asp:LinkButton ID="sl" runat="server" CommandName="Code" CssClass="hrefclass">Code</asp:LinkButton>

手柄上服務器

排序數據源例如點擊事件數據表並重新綁定它中繼器控制

參見this例如

來源

2017-04-17 07:57:15 Anil

桌面排序當表格標題被點擊

回答

相關問題