CSV转HTML时如何将数值大于100的内容设为红色字体

问题背景 #

现有如下CSV文件：

name,age
mike,109
sarah,25

已通过Bash+Awk脚本将其转换为HTML表格，需求是：当age字段数值大于100时，对应内容字体设为红色。此前尝试Sed（仅能处理固定值）、修改Awk脚本（逻辑有误）均未成功。

可行方案一：修改原Awk转换脚本直接生成目标HTML #

直接在转换阶段加入条件判断，生成HTML时自动给符合条件的age值添加红色样式，这是最高效的方式。修改后的完整脚本如下：

#!/bin/bash

awk 'BEGIN {
    h[1] = "name"
    h[2] = "age"
    FS=","
    print "<!DOCTYPE html>" \
    "<html>" \
    "<head>" \
    "<style>" \
    "th { color:#f2f2f2; background-color: #73BD00;}" \
    "th, td { text-align: left; padding: 8px; font-family: Arial;}" \
    "tr { background-color: #f2f2f2;}" \
    "</style>" \
    "</head>" \
    "<body>" \
    "<h2> DATA TITLE </h2>" \
    "<table border-collapse=collapse width=50%;> "
}

{
    print "<tr>"
    for (i=1;i<=NF;i++) {
        if (NR==1) {
            print "<th>" h[i] "</th>"
        } else {
            # 针对age字段（第2列）判断数值是否大于100
            if (i == 2 && $i > 100) {
                print "<td style=\"color:red;\">" $i "</td>"
            } else {
                print "<td>" $i "</td>"
            }
        }
    }
    print "</tr>"
}

END {
    print "</table>"
    print "</body>"
    print "</html>"
}' file.csv > filex.html;

关键修改说明 #

• 在处理数据行（NR>1）的循环中，增加了对第2列（age）的判断：当$i > 100时，输出带style="color:red;"的<td>标签，否则输出普通<td>。
• 优化了原样式代码，移除重复的th, td样式定义，让代码更简洁。

可行方案二：处理已生成的HTML文件 #

如果已经有转换好的HTML文件（比如filex.html），可以用Awk直接处理该文件，将符合条件的age值改为红色：

awk '
# 匹配age对应的td内容，判断数值是否大于100
/<td>[0-9]+<\/td>/ {
    num = substr($0, 4, length($0)-7)
    if (num > 100) {
        $0 = "<td style=\"color:red;\">" num "</td>"
    }
}
1' filex.html > filey.html

说明 #

• 该脚本匹配所有包含数字的<td>标签（假设只有age列是数字），提取数值后判断是否大于100，若是则替换为带红色样式的标签。
• 如果HTML中还有其他数字列，可进一步精确匹配（比如结合前一列的<td>name</td>来定位age列）。

纠正此前尝试的错误 #

1. Awk片段错误：之前的代码中$i未在循环内正确引用，且没有针对特定字段（第2列）判断，导致逻辑失效。
2. CSV修改脚本错误：字符串嵌套引号处理不当，正确写法应为：

   awk -F "," '$2>100{$2="<span style=\"color:red;\">"$2"</span>"}1' OFS="," file.csv > modified.csv
   

   （用<span>替代过时的<font>标签，引号转义正确）

内容的提问来源于stack exchange，提问作者Richard