freemarker设置table第一行字体颜色

freemarker设置table第一行字体颜色

方式一(推荐)：遍历list，判断是第一行时，设置字体验证，其他行不设置

<table>
		<tr>
			<th>序号</th>
			<th>Name</th>
			<th>Age</th>
			<th>Phone</th>
		</tr>
		<#list users as user>
			<#--判断下标为第一行时，设置字体颜色-->
			<#if user_index == 0>
				<tr style="color: #202fff">
					<td>${user_index  + 1}</td>
					<td>${user.name}</td>
					<td>${user.age}</td>
					<td>${user.phone}</td>
				</tr>
			<#else>
				<tr>
					<td>${user_index + 1}</td>
					<td>${user.name}</td>
					<td>${user.age}</td>
					<td>${user.phone}</td>
				</tr>
			</#if>
		</#list>
	</table>

运行效果：

方式二：使用js设置
js代码：

<script type="text/javascript">
	// 设置table第一行字体颜色为红色
	window.onload = function() {
		// 获取需要操作的表格
		var table = document.getElementById("saTable");
		var rows = table.getElementsByTagName("tr");
		for (var i = 0; i < rows.length; i++) {
			var cells = rows[i].getElementsByTagName("td");
			if (i == 1) {
				for (var c = 0; c < cells.length; c++) {
					rows[i].style.color = "#f00";
				}
				break;
			}
		}
	}
</script>

注意：发送邮件显示内容使用freemarker的话，方式二设置样式将会实效

完整代码：git@github.com:wyj180/design_pattern.git