GridManager表格cellHover事件弹出框设置自适应高度
要实现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,可以实现自适应高度的效果
原文地址: https://www.cveoy.top/t/topic/iHyZ 著作权归作者所有。请勿转载和采集!