1. 程式人生 > >layui問題之渲染資料表格時,僅出現10條資料

layui問題之渲染資料表格時,僅出現10條資料

一、問題

    ajax獲取服務端資料之後,要動態渲染table,但資料僅僅數顯了10條,並沒有渲染所有的資料。

二、經過

    看一下表格需要的資料,0-9條的資料都自動有一個名為LAY_TABLE_INDEX的鍵值對,但10條及之後的資料都沒有這個鍵值對。
    很是納悶,這個表格不帶分頁功能,應該不需要寫limit對資料進行限制
table.render({
                elem: '#orderTable'
                ,height: 400
                ,cols: [[ //標題欄
                    {field: 'status'
, title: "訂單狀態", width: 90
} ,{field: 'orderSerialNumber', title: "訂單編號", minWidth: 150} ,{field: 'logisticsSerialNumber', title: "物流串號", minWidth: 150} ,{field: 'curPos', title: "當前位置", minWidth: 150} ,{field: 'monitoringState'
, title: "監控狀況", width: 140
} ,{field: 'lastUpdated', title: "更新時間", width: 145, sort: true} ,{field: 'operating', title: "操作", minWidth: 220} ]] ,data: handleData ,even: true });

三、結果

    看到官網上寫:limit 引數(預設:10)是與你服務端限定的資料條數一致。就把limit加上去了,並且和服務端資料條數一致。
table.render({
                elem: '#orderTable'
                ,height: 400
                ,cols: [[ //標題欄
                    {field: 'status', title: "訂單狀態", width: 90}
                    ,{field: 'orderSerialNumber', title: "訂單編號", minWidth: 150}
                    ,{field: 'logisticsSerialNumber', title: "物流串號", minWidth: 150}
                    ,{field: 'curPos', title: "當前位置", minWidth: 150}
                    ,{field: 'monitoringState', title: "監控狀況", width: 140}
                    ,{field: 'lastUpdated', title: "更新時間", width: 145, sort: true}
                    ,{field: 'operating', title: "操作", minWidth: 220}
                ]]
                ,data: handleData
                ,even: true
                ,limit: limit //顯示的數量
            });
注:handleData是渲染表格時,表格需要的資料