因為賦值不同的圖片,該圖片路徑在前端進行維護,就選用layui table的第三種渲染方法:靜態table渲染layui樣式。渲染layui樣式是想得到相關列的默認sort方法,lay-data中的sort:true.
table.init('OrderTable', {
limit: 15
});
總結:在數據庫中取數的時候就進行了排序,得到list是有序的,這時,就只能在頁面加載data時,對第一列進行賦值。第一等級:1.png圖片,第二等級:2.png,第三等級:3.png,第四行數據之后都是顯示0.png圖片。
效果圖:
現在默認的是“額外調整里程”從少到多排序,自動循環賦值第一列等級圖片,用來區別等級。
測試的時候出現一點小問題:
說明:每個數據加單位,就自動轉化為string類型了,所以,排序按鈕只是進行第一個首數字的排序(我一直找不到規律,對自己很無語啊~)。不加單位的都是數值型的,點擊排序小按鈕,可以顯示正常的排序數據。