Workshop技术问题：如何按条件值在对象表格中用图标展示数据

方法1：自定义单元格模板（优先推荐） #

如果你的Workshop对象表格支持自定义列模板，这是最简洁的实现方式：

• 进入目标列的配置面板，启用自定义模板选项
• 输入以下模板代码（根据Workshop支持的模板语法调整，以下是通用Handlebars风格示例）：

  {{#eq value "yes"}}
    <span style="color:#27ae60; font-size:16px; font-weight:bold;">✓</span>
  {{else if eq value "no"}}
    <span style="color:#e74c3c; font-size:16px; font-weight:bold;">✗</span>
  {{else}}
    {{value}}
  {{/eq}}
  

• 若Workshop支持自定义CSS，可把样式抽离到全局样式中，避免重复代码。

方法2：通过脚本监听渲染事件替换内容 #

如果模板功能不可用，可借助Workshop的脚本扩展能力（若支持）：

• 找到表格的初始化或渲染完成事件绑定入口，添加以下逻辑：

  // 假设表格ID为"object-table"，目标列的字段名为"status"
  const table = document.getElementById('object-table');
  // 监听单元格渲染完成事件（事件名需参考Workshop官方文档调整）
  table.addEventListener('cellRender', function(e) {
    const cell = e.detail.cell;
    if (cell.field === 'status') {
      const rawValue = cell.value?.toLowerCase() || '';
      switch(rawValue) {
        case 'yes':
          cell.element.innerHTML = '<span style="color:green;">✓</span>';
          break;
        case 'no':
          cell.element.innerHTML = '<span style="color:red;">✗</span>';
          break;
        default:
          // 保留原始值
          break;
      }
    }
  });
  

关键注意点 #

• 上述两种方式均为视觉层替换，不会修改单元格的原始数据，不影响数据导出、筛选等后续操作
• 若Workshop不支持模板或脚本，可尝试使用Unicode图标直接替换数据源中的yes/no（但会修改原始数据，需谨慎）
• 图标样式可根据需求调整，比如改用SVG图标替换Unicode字符，需确保Workshop允许嵌入外部资源或自定义HTML

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