制表符：使用带有链接格式化程序的图标答案

【问题标题】：Tabulator: Using an Icon with a Link Formatter制表符：使用带有链接格式化程序的图标
【发布时间】：2020-07-14 10:37:20
【问题描述】：

对图标列使用 Tabulator Link 格式化程序

我有一列设置为链接格式化程序，我想在其中显示图标而不是文本（以模拟按钮）。

我有一个简单的自定义格式化程序可用于呈现图标

        function printIcon(cell, formatterParams, onRendered) 
        {
            return "<i class='fa fa-print'></i>";
        };

并且使用 Link 的 Label 选项定义的列设置为自定义格式化程序

  {
    "field": null,
    "title": "",
    "visible": true,
    "width": 20,
    "formatter": "link",
    "formatterParams": {
      "labelField": null,
      "urlPrefix": "../record/?TaskID=",
      "urlField": "TaskID",
      "target": "",
      "label": printIcon
    },
    "headerFilter": "",
    "headerFilterParams": null,
    "headerSort": false,
    "editor": "",
    "editorOptions": null,
    "position": 16,
    "cellClick": null
  }

但是，单元格呈现时自定义格式化程序值显示为文本，而不是图标如下图所示。

感觉好像我遗漏了一些明显的东西，但我可以添加一个图标列和一个链接列，我只是看不到将它们组合在一起的方法。

感谢您的任何建议

【问题讨论】：

标签： javascript tabulator

【解决方案1】：

显而易见的是：

http://tabulator.info/docs/4.7/format#format

“链接

链接格式器将数据呈现为带有指向给定值的链接的锚点（默认情况下，该值将用作标签的 url 和标签）。

[...]

label - 表示标签的字符串，或必须返回标签字符串的函数，该函数作为其第一个参数传递给单元组件"

我知道链接 Icon 列和 Link 列的唯一方法是让 Icon 的 cellClick 函数处理 Link 列中的链接。

【讨论】：

【解决方案2】：

除了上面Adrian的回答，你也可以看看Icon/Button Column formatting documentation

【讨论】：