Layui表格怎么在单元格内直接显示HTML标签内容-Layui教程-PHP中文网

layui table 单元格默认转义 HTML，需用函数式 templet 返回原生字符串（如 return '' + d.status + ''），确保后端数据未双重编码，且返回值类型为 string，避免 layui.util.escape() 等二次转义。

layui table 单元格默认会转义 HTML 怎么办

直接显示 html 标签内容，本质是绕过 layui 的自动转义机制。它默认把 cellminwidth、templet 等字段里的字符串当纯文本渲染，<strong>加粗</strong> 会变成字面量，而不是加粗效果。

核心解法就一个：用 templet 返回原始 HTML 字符串，并确保不被二次编码。

别用字符串模板写死在列配置里（如 templet: '<b>{{d.name}}</b>'），旧版 layui 会把它当字符串再转义一次
必须用函数形式的 templet，且返回值是原生字符串（不是 jQuery 对象或 DOM 节点）
如果数据来自后端，确认字段值本身没被双重 HTML 编码（比如 <span>xxx</span> 是错的，应为 <span>xxx</span>）

templet 函数里怎么安全返回 HTML

函数体里直接拼接或返回字符串即可，layui 内部会用 innerHTML 插入，不会额外转义。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

templet: function(d) {
  // ✅ 正确：返回字符串，标签会被解析
  return '<span class="layui-badge">' + d.status + '</span>';
  
  // ❌ 错误：返回 jQuery 对象，可能触发异常或不渲染
  // return $('<span>' + d.status + '</span>');
  
  // ⚠️ 注意：如果 d.status 本身含用户输入，这里存在 XSS 风险，需自行过滤
}