layui table在第一列根據后台返回數據的排序賦值不同的圖片


因為賦值不同的圖片,該圖片路徑在前端進行維護,就選用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類型了,所以,排序按鈕只是進行第一個首數字的排序(我一直找不到規律,對自己很無語啊~)。不加單位的都是數值型的,點擊排序小按鈕,可以顯示正常的排序數據。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM