layui的table组件中，对某一列的文字设置颜色为浅蓝怎么设置

问：

回答：

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>layui 表格示例</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-css/css/layui.css"><script src="https://cdn.jsdelivr.net/npm/layui-src/layui.js"></script>
</head>
<body><table id="yourTableId" class="layui-hide" lay-filter="test"></table><script>layui.use(['table'], function(){var table = layui.table;// 定义表头var tableCols = [{ field: 'a1', title: '二级指标', width: '30%', align: 'center' },{ field: 'a2', title: '省份', width: '20%', align: 'center' },{field: 'a3',title: '市区',width: '20%',align: 'center',templet: function(d) {return '<span style="color: blue;">' + d.a3 + '</span>';  // 设置颜色为蓝色}},{ field: 'a4', title: '数量', width: '15%', align: 'center' },{ field: 'a5', title: '状态', width: '15%', align: 'center' }];// 定义表格数据var tableData = [{ a1: 'xx', a2: 'xx', a3: '山东', a4: 3, a5: '优' },// 可以添加更多数据];// 初始化表格table.render({elem: '#yourTableId',cols: [tableCols],data: tableData,page: true // 是否启用分页});});
</script></body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/471811.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！