美文网首页
layui table 不直接使用原始数据赋值,避免增加'LAY

layui table 不直接使用原始数据赋值,避免增加'LAY

作者: gsunneverdie | 来源:发表于2019-05-10 01:09 被阅读0次
    layui table 的方法渲染

    其中data的赋值最好不要直接使用原始数据,避免数据经过组件的操作后,增加索引字段LAY_TABLE_INDEX,如:

    let origin_data = [{user: 'abc'}]; // =>[{user: 'abc', LAY_TABLE_INDEX: 0}]
    

    所以应将数据完全复制才去赋值,使用以下方法:

    let new_data = $.extend(true, [], origin_data); // 复制原始数据
    var table = layui.table;
    //执行渲染
    table.render({
      elem: '#demo' //指定原始表格元素选择器(推荐id选择器)
      ,data: new_data //直接赋值数据,类型Array,[{},{},...]
      ,height: 315 //容器高度
      ,cols: [{}] //设置表头
      //,…… //更多参数参考右侧目录:基本参数选项
    });
    

    相关文章

      网友评论

          本文标题:layui table 不直接使用原始数据赋值,避免增加'LAY

          本文链接:https://www.haomeiwen.com/subject/hiinoqtx.html