tabulator - 如何在制表符中显示选择编辑器文本但不显示值

Question

作为编辑选择

values: {
    "steve": "Steve Boberson",
    "bob": "Bob Jimmerson",
    "jim": "Jim Stevenson",
}

我可以发现这个对象键将是单元格数据的值（见图），但它是否与html select相似，我的意思是select选项文本是给用户的，值是给开发者的。

<select>
    <option value="steve">Steve Boberson</option>
</select>

Answer 1

您应该使用内置的查找格式化程序来执行此操作：

{title:"Example", field:"example", formatter:"lookup", formatterParams:{
    "small": "Cute",
    "medium": "Fine",
    "big": "Scary",
}}

您可以将相同的对象传递给formatterParams，就像传递给editorParams的values属性一样

Answer 2

如果使用自定义格式化程序重新格式化供用户查看的内容，则可以使用以下链接。

Visit https://jsfiddle.net/allensimth/zb6engfr

Answer 3

我使用自定义格式化程序解决了这个问题。“metricList”是一个变量，包含由 DB 填充的标签和值。所以这些值在“metricList”中。

然后自定义格式检查单元格中是否有值，如果有，则找到该值的标签并返回。

{title:"Metric", field:"metricid", editor:"select", download:false,
            editorParams: {
                values: metricList
            },
            formatter:function(cell, formatterParams, onRendered) {
                if (cell.getValue() > 0) {
                    return metricList.find(obj => obj.value == cell.getValue()).label
                } else {
                    return ""
                }

            }
    },