Struts2 JQuery Grid表头缺失提示框问题求助

针对你使用Struts2 2.3.32和struts2-jquery-grid-plugin 3.7.1遇到的表头tooltip缺失问题，以下是实用的解决方法：

方法一：利用表格加载完成事件动态添加tooltip #

1. 修改<sjg:grid>标签，添加loadCompleteTopics属性指定表格加载完成后触发的事件：

<sjg:grid
    id="gridedittable"
    ...
    loadCompleteTopics="gridLoaded" <!-- 新增事件监听 -->
    ...>

2. 修改<sjg:gridColumn>标签，将完整标题存入自定义data属性（假设你的ads对象有fullName字段存储完整标题）：

<s:iterator value="#ads.values()" var="ads" status="adStatus">
    <sjg:gridColumn 
        name="advertisingMap.%{#ads.itemId}" 
        index="%{shortName}" 
        title="%{shortName}" 
        width="50" 
        editable="true" 
        edittype="text" 
        sortable="false" 
        search="false"
        data-fullname="%{#ads.fullName}" /> <!-- 存储完整标题 -->
</s:iterator>

3. 添加JavaScript代码，监听加载完成事件并给表头设置tooltip：

$(document).on('gridLoaded', function(event, grid) {
    grid.find('th').each(function() {
        var $th = $(this);
        // 从data属性获取完整标题，无则用现有文本
        var fullTitle = $th.data('fullname') || $th.text();
        // 设置原生title属性实现tooltip
        $th.attr('title', fullTitle);
        
        // 若项目引入jQuery UI，可启用增强样式的tooltip：
        // $th.tooltip({ track: true });
    });
});

方法二：页面加载后直接遍历表头添加tooltip #

如果不需要监听表格加载事件，可在页面初始化后直接处理：

$(function() {
    // 遍历目标表格的所有表头单元格
    $('#gridedittable th').each(function() {
        var $th = $(this);
        // 根据缩写映射完整标题，示例如下：
        var titleMapping = {
            'SN': '完整名称示例1',
            'AB': '完整名称示例2'
            // 补充所有缩写对应的全称
        };
        var fullTitle = titleMapping[$th.text()] || $th.text();
        $th.attr('title', fullTitle);
    });
});

补充说明 #

• 你之前尝试的tooltip和label属性无效，是因为该插件的tooltip属性仅针对表格数据单元格，而非表头；label属性多用于表单组件，不作用于表头。
• 数据单元格的tooltip是插件默认行为（通常因内容溢出触发），但表头需要手动通过上述方式添加。

内容的提问来源于stack exchange，提问作者Martin Schulze