zoukankan      html  css  js  c++  java
  • layui table的<td>内加入select相关问题 枫

    1:下拉显示不全问题

    .layui-table-cell, .layui-table-tool-panel li {
                overflow: visible !important;
            }

            .layui-form-select .layui-input {
                height: 30px;
            }

            .layui-table-box {
                overflow: visible !important;
            }

            .layui-table-body {
                overflow: visible !important;
            }

    2:表格相关

     
    //表头
            var cols = [ //表头
                {type: 'numbers', title: 'XXX', align: "center"}
                , {field: 'XXX', title: 'XXX', sort: true, align: "center"}
                , {field: 'XXX', title: 'XXX', sort: true, align: "center"}
                , {field: 'XXX', title: 'XXX', sort: true, align: "center"}
                , { field: 'XXX', title: 'XXX', sort: true, align: "center",templet: function (d) {
                        return d.XXX== null ? '' : '****';
                    }
                }
                , {field:'caozuo', title: '操作',totalRow:true, 260, align: "center",templet:function (res) {
                    return colShow_DATA_Do(res);
                   }
                }
            ];
            
            var height = $(window).height(), width = $(window).width();
            //执行一个 table 实例
            doTableInit(table, '#demo', height - 20, '/XXX/XXX', '#toolbarDemo', false, [], cols, "XXXTable", true);
     
     
     
    function doTableInit(table, tableId, height, url, toolbar, totalRowFlag, defaultToolbar, cols, id, pageFlag){
            table.render({
                elem: tableId
                ,height: height
                ,url: url //数据接口
                ,toolbar: toolbar
                ,totalRow: totalRowFlag //开启合计行
                ,defaultToolbar: defaultToolbar
                  ,cellMinWidth: 60 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
                ,cols: [cols]
                  ,id: id
                  ,page: pageFlag //开启分页
                  ,limit:20
              });
        }
     
     
    function colShow_DATA_Do(data) {
            var result = "";
            result+= '<button class="layui-btn layui-btn-danger layui-btn-xs"  lay-event="del">删除</button>';
            return result;
        }

    IOS
  • 相关阅读:
    Qt5中QMessageBox::warning()的第一个参数写this时出错
    Qt5如何设置静态编译,解决生成的可执行文件打开出错问题
    SpringCloud OAuth2实现单点登录以及OAuth2源码原理解析
    Redis分区
    Redis持久化
    如何合理地估算线程池大小?
    并发减库存
    Java导出Excel
    电商促销后台逻辑
    Java8虚拟机内存模型
  • 原文地址:https://www.cnblogs.com/mrray/p/15642849.html
Copyright © 2011-2022 走看看