先放問題和結果:
layui table無數據時顯示Error而不是顯示無數據,是因為接口返回狀態碼的問題,
當無數據時code返回了0,就會導致出現Error
第一種解決方案(后端接口處理):
后端接口把無數據返回的code改成201
第二種解決方案(前端處理):
加載數據的時候做處理:
table.render({
elem: '#demo' //指定原始表格元素選擇器(推薦id選擇器)
,height: 315 //容器高度
,cols: [{}] //設置表頭
,
parseData: function (res) {
if(res.count == 0)
{
return {
'code': 201, //接口狀態
'msg': '無數據', //提示文本
'count': 0, //數據長度
'data': [] //數據列表,是直接填充進表格中的數組
}
}
},
});