springboot集成thymeleaf+layui,layui-table不显示的问题

不显示的原因是因为[[…]]导致的,layui table在渲染时一般是下面这种形式:

table.render({
    elem: '#test'
    ,url:'/demo/table/user/'
    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
    ,cols: [[
      {field:'id', width:80, title: 'ID', sort: true}
      ,{field:'username', width:80, title: '用户名'}
      ,{field:'sex', width:80, title: '性别', sort: true}
      ,{field:'city', width:80, title: '城市'}
      ,{field:'sign', title: '签名', width: '30%', minWidth: 100} //minWidth:局部定义当前单元格的最小宽度,layui 2.2.1 新增
      ,{field:'experience', title: '积分', sort: true}
      ,{field:'score', title: '评分', sort: true}
      ,{field:'classify', title: '职业'}
      ,{field:'wealth', width:137, title: '财富', sort: true}
    ]]
  });

而[[…]]之间的表达式在thymeleaf却被认为是内联表达式,所以才会渲染出错,我们只需将两个中括号之间加上空格或回车就可以,比如改为:

[ [...] ]  
或是 
[ 
	[
	]
]

上面的表格渲染代码就可以改为:

table.render({
    elem: '#test'
    ,url:'/demo/table/user/'
    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
    ,cols: [
    			[
      				{field:'id', width:80, title: 'ID', sort: true}
			       ,{field:'username', width:80, title: '用户名'}
			       ,{field:'sex', width:80, title: '性别', sort: true}
			       ,{field:'city', width:80, title: '城市'}
			       ,{field:'sign', title: '签名', width: '30%', minWidth: 100} //minWidth:局部定义当前单元格的最小宽度,layui 2.2.1 新增
			       ,{field:'experience', title: '积分', sort: true}
			       ,{field:'score', title: '评分', sort: true}
			       ,{field:'classify', title: '职业'}
			       ,{field:'wealth', width:137, title: '财富', sort: true}
   			   ]
   			]
  });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Stranger。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值