如何让工具提示仅显示在 Kendo 网格上的列 header 名称上？

Question

我有一个 kendo 网格，我隐藏了显示所有 headers 的顶行。我这样做是为了让它的外观更简洁，用户应该在使用后立即知道每一列中的数据。

我想在每个单元格的工具提示中添加列名称，以防新用户进来，他们可以将鼠标悬停在数据上并查看列名称。

我有下面的代码，但我需要知道如何定位列名。

myGrid.kendoTooltip({
    filter: "td",
    content: function (e) {
        var target = e.target;
        return $(target).text();
    }
});

Answer 1

myGrid.kendoTooltip({
        filter: "th[data-title]",
        content: function (e) {
            if (e.target) {
                var target = e.target;
                return $(target).text();
            }
        }
    });

将过滤器修改为“th”以便在列 headers 上显示工具提示。使用 [data-title] 进一步修改以仅在有标题的地方显示工具提示。因此，在没有标题的列上禁用工具提示或鼠标悬停。在线资源说要添加 [title] 但仅此一项是行不通的。希望这对某人有所帮助。