Tabulator topCalc自定义函数返回HTML被转义，如何取消转义？

要让topCalc表头单元格直接渲染HTML字符串而非转义，只需在对应列的配置中添加headerCalcFormatter: "html"即可，具体操作如下：

• 先修正自定义计算函数里的HTML字符串，确保标签闭合、属性格式正确（你提供的示例中<span class="ru-deleted32</span>存在语法错误，需改为<span class="ru-deleted">32</span>这类正确格式）：

  Tabulator.extendModule("columnCalcs", "calculations", {
      customHtmlCalc: function(values, data, calcParams) {
          return "<span class=\"ru-enabled\">123</span> | <span class=\"ru-disabled\">12</span> | <span class=\"ru-deleted\">32</span>";
      }
  });
  

• 在列配置中指定topCalc为你的自定义函数，并添加headerCalcFormatter: "html"配置：

  var table = new Tabulator("#your-table-id", {
      columns: [
          {
              title: "目标列",
              field: "your-field",
              topCalc: "customHtmlCalc",
              headerCalcFormatter: "html" // 启用HTML渲染的关键配置
          }
      ]
  });
  

如果需要更灵活的渲染逻辑，也可以自定义headerCalcFormatter函数，直接返回处理后的HTML内容：

headerCalcFormatter: function(value, cell, formatterParams) {
    // 可在此对value做额外处理后返回
    return value;
}

内容的提问来源于stack exchange，提问作者Kender Tas