GridManager 表格 cellHover 事件弹出框自适应高度实现方法

要实现 GridManager 表格的 cellHover 事件，可以通过 GridManager 提供的回调函数来实现。首先，在 GridManager 的配置中添加 cellHover 的回调函数，如下所示：

const gridManagerOptions = {
  // 其他配置项...
  cellHover: function (e, row, col, data) {
    // 处理 cellHover 事件的逻辑
  }
};

$('#grid-table').GM(gridManagerOptions);

在 cellHover 回调函数中，可以获取到触发事件的 cell 所在的行、列和数据。根据这些信息，可以实现自定义的逻辑。

要实现弹出框自适应高度，可以使用 CSS 的 max-height 属性和 overflow-y 属性来限制弹出框的高度，并设置为自适应高度。

首先，在弹出框的 CSS 样式中添加如下样式：

#popup {
  max-height: 300px; /* 设置最大高度 */
  overflow-y: auto; /* 设置垂直滚动条 */
}

然后，在弹出框的内容变化时，动态调整弹出框的高度。可以通过 JavaScript 来实现，如下所示：

function adjustPopupHeight() {
  const popup = document.getElementById('popup');
  popup.style.height = ''; // 清除之前设置的高度
  const maxHeight = 300; // 最大高度
  const contentHeight = popup.scrollHeight; // 内容实际高度
  if (contentHeight > maxHeight) {
    popup.style.height = maxHeight + 'px';
  } else {
    popup.style.height = contentHeight + 'px';
  }
}

// 在弹出框内容变化时调用
adjustPopupHeight();

通过上述方法，可以实现 GridManager 表格的 cellHover 事件和弹出框的自适应高度。具体的实现方式可能因具体的项目和需求而略有差异，可以根据实际情况进行调整。