layui表格数据居右
layui.use(['table'], function() {var table = layui.table;table.render({elem: '#test',url: '/user/list',cols: [[{field: 'id', title: '用户标识', width: 80, align: 'center'}, {field: 'username', title: '用户名', width: 120}, {field: 'score', title: '分数', width: 80, align: 'right'} // 右对齐]]});
});网上查到的是上述方法,看起来也是对的。真正试一试才发现这样做,表格标题也居右了。layui设计这个align属性毫无用途。因为标题应该居中,这里只控制数据才对。
真正的解决方案是这样:
layui.use(['table'], function() {var table = layui.table;table.render({elem: '#test',url: '/user/list',cols: [[{field: 'id', title: '用户标识', width: 80, align: 'center'}, {field: 'username', title: '用户名', width: 120}, {field: 'score', title: '分数', width: 80, templet: function(d) {return '<div style="text-align: right;">' + d.score + '</div>';}} // 右对齐]]});
});