layui中table模塊將表格數據處理后的排序問題怎么解決

layui中table模塊將表格數據處理后的排序問題怎么解決？針對這個問題，這篇文章給出了相對應的分析和解答，希望能幫助更多想解決這個問題的朋友找到更加簡單易行的辦法。

事實上，layui更多是面向于后端開發者，所以在組織形式上毅然采用了幾年前的以瀏覽器為宿主的類 AMD 模塊管理方式，卻又并非受限于 CommonJS 的那些條條框框，它擁有自己的模式，更加輕量和簡單。layui 定義為“經典模塊化”，并非是刻意強調“模塊”理念本身，而是有意避開當下 JS 社區的主流方案，試圖以盡可能簡單的方式去詮釋高效！它的所謂經典，是在于對返璞歸真的執念，它以當前瀏覽器普通認可的方式去組織模塊！ layui 認為這種輕量的組織方式，仍然可以填補 WebPack 以外的許多場景。所以它堅持采用經典模塊化，也正是能讓人避開工具的復雜配置，重新回歸到原生態的 HTML/CSS/JavaScript本身。

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

只需要設置一個目標table的sort排序重新向服務端發送請求即可。

table.on('sort(這里是table的id)', function(obj){ //注：tool是工具條事件名，test是table原始容器的屬性 lay-filter="對應的值"
          //盡管我們的 table 自帶排序功能，但并沒有請求服務端。
          //有些時候，你可能需要根據當前排序的字段，重新向服務端發送請求，從而實現服務端排序，如：
          table.reload('這里是layui-table定義時候的elem', {
              initSort: obj //記錄初始排序，如果不設的話，將無法標記表頭的排序狀態。 layui 2.1.1 新增參數
              ,where: { //請求參數（注意：這里面的參數可任意定義，并非下面固定的格式）
                  field: obj.field //排序字段
                  ,order: obj.type //排序方式
              }
          });
      });

關于layui中table模塊將表格數據處理后的排序問題就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。