动态添加Tailwind CSS表格边框类不生效，请求技术排查与解决

你的td边框颜色不生效的核心原因是缺少边框样式设置。Tailwind CSS中，border-t-2这类宽度类仅设置边框宽度，border-t-red-900仅设置边框颜色，但默认的边框样式是none——没有样式的边框，即使设置了宽度和颜色也不会显示。

另外，你全局样式中给td设置了border: 1px solid #ddd，这个样式会给所有td添加灰色边框，但当你用Tailwind类自定义部分边框时，需要确保边框样式被正确设置，否则自定义的边框会被默认的none覆盖，或者和全局边框样式冲突。

修复步骤 #

方案1：补充边框样式类 #

在你的Tailwind类中，给每个自定义边框方向添加solid样式类：

<td class="border-t-2 border-t-solid border-t-red-900 border-b-2 border-b-solid border-b-red-900 border-l-2 border-l-solid border-l-red-900" colspan="1" rowspan="1">
  Unit Supply temp in Econ mode
</td>

方案2：简化类写法（推荐） #

使用Tailwind的复合边框类border-t（默认包含border-style: solid和border-width:1px），再覆盖宽度和颜色：

<td class="border-t border-t-2 border-t-red-900 border-b border-b-2 border-b-red-900 border-l border-l-2 border-l-red-900" colspan="1" rowspan="1">
  Unit Supply temp in Econ mode
</td>

方案3：移除全局边框样式（彻底Tailwind化） #

如果想完全用Tailwind控制表格边框，可以删除全局样式中td, th的border设置，然后统一用Tailwind类管理边框，避免样式冲突。

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