要实现GridManager表格的cellHover事件,首先需要引入GridManager插件,并初始化表格。

示例代码如下:

// 引入GridManager插件
import 'gridmanager/js/jquery.gridmanager.js';

// 初始化表格
$('#grid').GM({
    supportRemind: true, // 是否支持提示功能,默认为false
    supportAjaxPage: true, // 是否支持ajax分页,默认为false
    supportSorting: true, // 是否支持排序功能,默认为false
    supportAutoOrder: false, // 是否支持自动排序,默认为false
    supportDrag: false, // 是否支持拖拽功能,默认为false
    supportAdjust: false, // 是否支持列宽调整功能,默认为false
    supportMenu: false, // 是否支持菜单功能,默认为false
    height: 'auto', // 表格高度,设置为auto可以自适应高度
    ...
});

// 监听cellHover事件
$('#grid').on('cellHover', function (e, gridManager, $td, rowIndex, colIndex) {
    // 弹出框设置自适应高度
    $('.popup').css('height', 'auto');
});

在上面的代码中,#grid是你的表格的id,.popup是你要设置自适应高度的弹出框的class。当cellHover事件触发时,通过设置弹出框的高度为auto,可以实现自适应高度的效果

GridManager表格cellHover事件弹出框设置自适应高度

原文地址: https://www.cveoy.top/t/topic/iHyZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录