开心一笑: 会买水果的狗狗

    关注微信公众号

    QQ群:831045818

    app下载

    当前位置:首页> layui > 技术文档 > 正文
    layUI的多级表头
    发布时间:2022-05-12 10:28:05.0 浏览次数:

    1.png



    //例
    <script>layui.config({
      version: '1629677917965' //为了更新 js 缓存,可忽略});
     //加载模块  layui.use(function(){ //亦可加载特定模块:layui.use(['layer', 'laydate', function(){
      //得到各种内置组件
      var layer = layui.layer //弹层
      ,table = layui.table //表格
       
      //执行一个 table 实例
      table.render({
        elem: '#demo'
        ,height: 420
        ,url: '/demo/table/user/' //数据接口
        ,title: '用户表'
        ,page: true //开启分页//    ,toolbar: 'default' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
        ,cols: [
          [
              {field: 'username', title: '用户名', width:80, rowspan: 2}
              ,{ title: '分数',align:'center', colspan: 2} //下面1至2元素
              ,{ title: '基本信息',align:'center', colspan: 3} //下面3致5元素
          ],
          [ 
          {field: 'experience', title: '积分', width: 90, sort: true}//1
          ,{field: 'score', title: '评分', width: 80, sort: true} //2
          ,{field: 'sex', title: '性别', width:80, sort: true} //3
          ,{field: 'sign', title: '签名', width: 200} //4
          ,{field: 'classify', title: '职业'}}//5
        ]]
      });
      });</script>

    1.jpg

    关注"都市百货" 了解南陵

    微信咨询wanglf2r(不拉群 发广告者勿加)

    0
    0
    上一篇:js replace 全局替换 上一篇:json过滤 可以使用filter()方法

    评论已有0

    提交评论

    热门评论

    南陵新闻
    公示公告
    常用查询
    风光南陵
    走出南陵
    友情链接