今天小編就爲大家分享一篇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是渲染表格時,表格需要的數據
以上這篇layui問題之渲染數據表格時,僅出現10條數據的解決方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持神馬文庫。