layui表格templet不支持直接引入外部html，须用laytpl预编译模板并同步render；需提前加载script模板、确保id正确、字段挂d下、加兜底判断且函数必须return。
templet 不能直接引入外部 HTML 文件
layui 表格的 templet 配置只接受函数或字符串，不支持像 url: 'xxx.html' 这样的远程路径。你写 templet: '/tpl/cell.html' 或 templet: '<div>{{ d.name }}</div>' 看似合理，但前者会被当作文本原样输出，后者若含 laytpl 语法则根本不会被解析——因为 templet 字符串是直接传给 innerHTML 的，laytpl 引擎压根没介入。
正确做法：用 laytpl 编译后返回 HTML 字符串
必须手动把模板字符串交给 laytpl() 编译，再在 templet 函数里调用 render() 返回结果。关键点是：模板得提前加载好，不能在 templet 里现场发 AJAX（会异步、阻塞渲染、导致单元格空白）。
- 把模板放在
<script type="text/html" id="cellTpl">{{ d.user && d.user.name ? d.user.name : '-' }}</script>中 - 在
cols配置里写templet: function(d) { return laytpl(document.getElementById('cellTpl').innerHTML).render(d); } - 确保
laytpl模块已通过layui.use(['table', 'laytpl'], ...)加载，否则laytpl is not defined - 如果模板里用了
layui.each或条件判断，注意所有字段必须挂d下，比如{{ d.tags }}，不能写{{ tags }}
常见静默失败原因
templet 函数里出错（如模板 ID 找不到、laytpl().render() 报错）不会抛异常，表格该列直接留空，连 console 都不打——这是最常被卡住的地方。
-
document.getElementById('cellTpl')返回null：检查 script 标签是否在table.render()之前就已存在，且 ID 大小写完全一致 - 模板含未闭合标签或错位
{{# }}：laytpl 编译不报错，但render()返回空字符串 - 数据结构和模板字段不匹配：比如模板写
{{ d.user.name }}，但实际d.user是undefined，整个表达式崩掉，建议加兜底{{ d.user && d.user.name ? d.user.name : '' }} - 漏掉
return：函数末尾没写return，返回undefined，单元格就是空的
想复用同一套模板逻辑？抽成独立函数
多个列都要用类似模板时，别重复写 laytpl(...).render(d)。把编译动作提到外面，避免每次渲染都重新 parse 模板字符串：
var cellTplFn = laytpl(document.getElementById('cellTpl').innerHTML).render;
// 然后在 cols 里：
{ field: 'name', templet: function(d) { return cellTplFn(d); } }
这样既提升性能，又方便统一维护模板逻辑。注意：这个函数只能用于同步模板，含异步请求（如接口查用户头像）的场景不适合走 templet，得用自定义列工具栏或事件回调处理。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
