layui的table数据渲染不显示

一般出现这个问题是因为后台返回数据与table规定格式不符合。

<table class="layui-hide" id="artManage" lay-filter="artManage"></table>
					 
<script type="text/html" id="barArt">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

下面是配置(很重要,配置不好数据就不会显示)
response不配置会显示接口调用成功,有返回数据,但是不渲染页面

layui.use('table', function(){
	var table = layui.table;
		  
	table.render({
		 elem: '#artManage'
		 ,url:'http://localhost:8088/api/getWebsitesMange'
		 ,title: '博客管理'
		 ,cols: [[
			  {field:'id', title:'ID', width:140, fixed: 'left', unresize: true, sort: true}
			  ,{field:'title', title:'文章标题', width:140, edit: 'text'}
			  ,{field:'author', title:'作者', width:120, edit: 'text'}
			  ,{field:'pub_time', title:'发表时间', width:180, edit: 'text', sort: true}
			  ,{field:'short_cont', title:'文章内容', width:42A0}
			  ,{fixed: 'right', title:'操作', toolbar: '#barArt',width:210}
		  ]]
		  ,page: true,
		  response:{
		      statusName:'code', //规定返回的状态码字段为code
			  statusCode:200 //规定成功的状态码味200
		  },
		  parseData:function(res){
			  return {
					"code" : res.code, //解析接口状态
					"msg" : res.msg, //解析提示文本
		    		"data" : res.data //解析数据列表
			  }
		   }
	});
  • 16
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值