table模塊是layui最核心的組成之一，它用于對表格進(jìn)行一些列功能和動態(tài)化數(shù)據(jù)操作。在 table模塊對表格數(shù)據(jù)處理后排序可能出現(xiàn)問題，本文就來為大家介紹一下解決這種問題的方法。

使用layui table過程中，將某一列的數(shù)據(jù)格式進(jìn)行轉(zhuǎn)換，或者將0/1狀態(tài)改為是/否，或者將數(shù)字改為星星評分顯示的時候都會遇到一個問題，我的表格數(shù)據(jù)轉(zhuǎn)換成其他形式，同時設(shè)置了sort:true，此時，點擊排序按鈕之后，該列數(shù)據(jù)就消失了。如何解決呢？

只需要設(shè)置一個目標(biāo)table的sort排序重新向服務(wù)端發(fā)送請求即可。table.on('sort(這里是table的id)', function(obj){ //注：tool是工具條事件名，test是table原始容器的屬性 lay-filter="對應(yīng)的值"

//盡管我們的 table 自帶排序功能，但并沒有請求服務(wù)端。

//有些時候，你可能需要根據(jù)當(dāng)前排序的字段，重新向服務(wù)端發(fā)送請求，從而實現(xiàn)服務(wù)端排序，如：

table.reload('這里是layui-table定義時候的elem', {

initSort: obj //記錄初始排序，如果不設(shè)的話，將無法標(biāo)記表頭的排序狀態(tài)。 layui 2.1.1 新增參數(shù)

,where: { //請求參數(shù)(注意：這里面的參數(shù)可任意定義，并非下面固定的格式)

field: obj.field //排序字段

,order: obj.type //排序方式

}

});

});本文轉(zhuǎn)載自：https://www.cnblogs.com/yangyuke1994/p/10058645.html

更多web前端開發(fā)知識，請查閱 HTML中文網(wǎng) ！！

總結(jié)

以上是生活随笔為你收集整理的layui表格 设置默认排序_layui table对表格数据处理后的排序问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。