layui渲染表单

最新推荐文章于 2024-06-24 17:50:40 发布

_奈落_

最新推荐文章于 2024-06-24 17:50:40 发布

阅读量1.9k

点赞数

分类专栏： layui 文章标签： layui渲染表单

本文链接：https://blog.csdn.net/qq_27186245/article/details/82227623

版权

layui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

首先导入layui相关js文件
在页面中放置以下代码，用于加载表单数据

<table class="layui-hidden" id="test"> 
</table>

layui.use('table', function() {
    var table = layui.table;
    table.render({
        elem : '#test' // 需要渲染的DIV
        ,cellMinWidth: 100,// 单元格最小宽度
        cols : [ [ {
            field : 'id', // 对象id属性
            title : 'ID', // 列名
            sort : true,// 是否排序
            templet: function(d){
                  if(d.id==1){
                      return XXX;
                  }else{
                      return XXX;
                  }
                } // 用于字段转义
        }, {
            field : 'id2',
            title : 'ID2',
            sort : true
        }] ],
        data : data, //ajax返回的后台数据
        limit: pageSize// 一页最多为多少条
    }); 
});