想要實現點擊列頭進行排序,table中的內容為動態資料,表頭輸出固定,內容只有一行(一個tr)迴圈輸出,網上找到的代碼都是對固定資料進行排序的。求一份動態資料排序的代碼。最好能寫一小點代碼方便理解。
回複討論(解決方案)
只有一行,怎麼展示排序的結果?
1其實很簡單,要是不考慮資料庫負載,可你可以這樣 給你個簡單demo.
你可以用sortData()的js觸發事件 ajax移步去請求資料庫重新按你想要的順序排列
注意後邊的data-sort屬性 這是紀錄你當前排序的順序
function sortData(){ var sortString = $(".head").attr('data-sort'); //擷取你的查詢條件 和sortString //ajax請求 $(".data").remove();//把以前的資料移除掉 //拼接資料 替換 }
原理就是非同步請求查詢資料後 憑藉標籤 替換現有頁面標籤
2.如果不想查詢資料庫 那麼刻意根據data class 把所有的資料標籤找到 然後用js進行排序後替換掉頁面標籤
無論怎麼實現 你都要替換頁面原排序的標籤元素 這個是主要的
1其實很簡單,要是不考慮資料庫負載,可你可以這樣 給你個簡單demo.
你可以用sortData()的js觸發事件 ajax移步去請求資料庫重新按你想要的順序排列
注意後邊的data-sort屬性 這是紀錄你當前排序的順序
function sortData(){ var sortString = $(".head").attr('data-sort'); //擷取你的查詢條件 和sortString //ajax請求 $(".data").remove();//把以前的資料移除掉 //拼接資料 替換 }
原理就是非同步請求查詢資料後 憑藉標籤 替換現有頁面標籤
2.如果不想查詢資料庫 那麼刻意根據data class 把所有的資料標籤找到 然後用js進行排序後替換掉頁面標籤
無論怎麼實現 你都要替換頁面原排序的標籤元素 這個是主要的
嗯,謝謝提醒,我已經實現了,給表頭添加了a標籤,給定觸發事件換參數查詢資料庫重新載入頁面實現的。