layuiLayui实现数据表格中鼠标悬浮图片放大效果

Posted 2022-08-30 厦门德仔

Layui实现数据表格中鼠标悬浮图片放大效果

前端代码：

            var url = baseUrl + "/api/SysUser/GetSysUsers";
            table.render(
                elem: \'#currentTableId\',
                url: url,
                height: 700,
                width: 1600,
                toolbar: \'#toolbarDemo\',  // 表头工具栏
                defaultToolbar: [\'filter\', \'exports\', \'print\', 
                    title: \'提示\',
                    layEvent: \'LAYTABLE_TIPS\',
                    icon: \'layui-icon-tips\'
                ],
                cols: [[
                     type: "checkbox", width: 50 ,
                     field: \'Id\', width: 60, title: \'Id\', sort: true, hide: true ,
                     field: \'imgUrl\', title: \'头像\', width: 100, align: \'center\', templet: \'#imgTpl\' ,