1. 方式三：直接赋值模版字符。事实上，templet 也可以直接是一段 html 内容，如：
  1. codelayui.code
templet: '<div><a href="/detail/{{d.id}}" class="layui-table-link">{{d.title}}</a></div>'
注意：这里一定要被一层 <div></div> 包裹，否则无法读取到模板

1. 方式二：函数转义。自 layui 2.2.5 开始，templet 开始支持函数形式，函数返回一个参数 d，包含接口返回的所有字段和数据。如下所示：
  1. codelayui.code
table.render({
cols: [[
{field:'title', title: '文章标题', width: 200
,templet: function(d){
return 'ID：'+ d.id +'，标题：<span >'+ d.title +'</span>'
}
}
,{field:'id', title:'ID', width:100}
]]
});

1. 方式一：绑定模版选择器。
  1. codelayui.code
table.render({
cols: [[
{field:'title', title: '文章标题', width: 200, templet: '#titleTpl'} //这里的templet值是模板元素的选择器
,{field:'id', title:'ID', width:100}
]]
});
等价于：
<th lay-data="{field:'title', width: 200, templet: '#titleTpl'}">文章标题</th>
<th lay-data="{field:'id', width:100}">ID</th>

下述是templet对应的模板，它可以存放在页面的任意位置。模板遵循于 laytpl 语法，可读取到返回的所有数据

1. 1. HTMLlayui.code
<script type="text/html" >
<a href="/detail/{{d.id}}" class="layui-table-link">{{d.title}}</a>
</script>
注意：上述的 {{d.id}}、{{d.title}} 是动态内容，它对应数据接口返回的字段名。除此之外，你还可以读取到以下额外字段：
序号：{{ d.LAY_INDEX }} （该额外字段为 layui 2.2.0 新增）
由于模板遵循 laytpl 语法（建议细读 laytpl文档 ），因此在模板中你可以写任意脚本语句（如 if else/for等）：
<script type="text/html" >
{{# if(d.id < 100){ }}
<a href="/detail/{{d.id}}" class="layui-table-link">{{d.title}}</a>
{{# } else { }}
{{d.title}}(普通用户)
{{# } }}
</script>

Atitit 数据与模板绑定法 目录 1.1. templet - 自定义列模板1 1.2. 方式三：直接赋值模版字符。事实上，templet 也可以直接是一段 html 内容，如：1 1.2.

Atitit 数据与模板绑定法目录 1.1. templet - 自定义列模板1 1.2. 方式三：直接赋值模版字符。事实上，templet 也可以直接是一段 html 内容，如：1 1.2.