制表符：将图标与 Link 格式化程序一起使用

Question

为图标列使用制表符Link格式化程序

我有一列设置为 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
  }

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

感觉好像遗漏了一些明显的东西，但我可以添加一个图标列并添加一个 link 列，我只是没有找到组合它们的方法。

感谢任何建议

Answer 1

显而易见的是：

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

"Link

link 格式化程序将数据呈现为具有 link 的锚点到给定值（默认情况下，该值将同时用作 url 和标签的标签).

[...]

label - 表示标签的字符串，或必须 return 标签字符串的函数，该函数作为第一个参数传递给 Cell Component

我知道 link 图标列和 Link 列的唯一方法是让图标的 cellClick 函数处理 Link 中的 link列。

Answer 2

除了上面阿德里安的回答，你还可以看看Icon/Button Column formatting documentation

制表符：将图标与 Link 格式化程序一起使用

Tabulator: Using an Icon with a Link Formatter

javascript

tabulator