layui table切换html,layui table中渲染html对象

要在layui table中切换HTML，可以使用laytpl模板引擎来渲染HTML对象。下面是一个示例代码，展示如何在layui table中渲染HTML对象：

layui.use(['table', 'laytpl'], function(){
  var table = layui.table;
  var laytpl = layui.laytpl;

  //定义表格数据
  var data = [
    {id: 1, name: '张三', html: '<a href="#">点击链接</a>'},
    {id: 2, name: '李四', html: '<button class="layui-btn layui-btn-primary">点击按钮</button>'},
    {id: 3, name: '王五', html: '<input type="checkbox" name="test" lay-skin="primary" title="选项1">'}
  ];

  //定义表格列
  var cols = [[
    {field: 'id', title: 'ID'},
    {field: 'name', title: '姓名'},
    {field: 'html', title: 'HTML', templet: function(d){
      //使用laytpl渲染HTML对象
      var html = laytpl(d.html).render();
      return html;
    }}
  ]];

  //渲染表格
  table.render({
    elem: '#test',
    data: data,
    cols: cols
  });
});

在上面的示例中，我们在表格数据中定义了一个`html`字段，用于存储HTML对象。然后在表格列中，使用`templet`属性来定义一个函数，该函数会使用laytpl模板引擎来渲染HTML对象。最后，调用`table.render`方法来渲染表格。