JSON 数据的列格式化程序

如何解决JSON 数据的列格式化程序

我正在尝试使用 Tabulator 并找到正确的格式化程序来显示 JSON 对象。 如果我将它作为 JSON 传递，则单元格显示 [Object,Object] 并且如果我在将其作为长文本（ textarea ）获取之前对其进行字符串化 是否有任何用于 JSON 数据类型的内置格式化程序？有没有办法将数据显示为 JSON 对象。 谢谢

解决方法

要根据 Nilesh 的建议，您需要创建一个格式化程序来实现 JSON.stringify 函数和内置 textarea 格式化程序的部分内容：

function jsonFormatter(cell,formatterParams,onRendered){
    cell.getElement().style.whiteSpace = "pre-wrap"; //allow cell to take up multiple lines of text

    return JSON.stringify(cell.getValue(),null,4); //return JSON formatted cell
}

当您将格式化程序附加到列定义中的列时，您还需要将 variableHeight 选项设置为 true 以告诉 Tabulator 此单元格可以根据其内容更改高度，这需要确保在调整表格/列大小时正确绘制单元格

{title:"Example",field:"example",formatter:jsonFormatter,variableHeight:true}