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

厦门德仔

已于 2023-03-24 17:01:22 修改

阅读量2.3k

点赞数 1

分类专栏： #Layui 文章标签： table layui 图片

于 2022-04-25 13:36:33 首次发布

本文链接：https://blog.youkuaiyun.com/david_520042/article/details/124402940

版权

#Layui 专栏收录该内容

46 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何使用Layui在数据表格中实现鼠标悬浮时图片放大功能。通过前端代码展示在done回调中调用hoverOpenImg方法，并实现了行点击高亮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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: