【问题标题】:How to get tooltip to display only on column header name on a Kendo Grid?如何让工具提示仅显示在 Kendo Grid 的列标题名称上?
【发布时间】:2021-11-11 16:52:46
【问题描述】:

我有一个剑道网格,我隐藏了显示所有标题的第一行。我这样做是为了让它看起来更干净,用户应该在使用后立即知道每列中的数据。

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

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

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

【问题讨论】:

    标签: javascript jquery kendo-ui telerik kendo-grid


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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-10-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多