【问题标题】:Tabulator 4.9, is there a way to have 2 different colors of text within a cell?Tabulator 4.9,有没有办法在一个单元格中有两种不同颜色的文本?
【发布时间】:2021-09-27 14:40:54
【问题描述】:

客户要求记录的CommentDescription 字段必须显示在同一单元格中,但Comment 的文本必须显示为红色,而Description 应为黑色。使用 mutator,我可以组合 2 个字段并将它们显示在一个单元格中,但我还没有看到如何在该单元格中使一个具有红色文本和另一个黑色文本。

有办法吗?

谢谢,

马特

【问题讨论】:

    标签: tabulator


    【解决方案1】:

    我不会那么麻烦,只需使用 Customer Formatter 函数

    formatter:function(cell, formatterParams, onRendered){
        return '<span style=color:red>' + cell.getRow().getData().Comment + '</span><P><span style=color:black>' + cell.getRow().getData().Description + '</span></p>';
    }
    

    【讨论】:

    • 这很好用。感谢您的帮助。
    • Michael,您的回复帮助我实现了我正在寻找的文本颜色。不幸的是,注释和描述都是多行输出。我之前使用了自定义 mutator,因为这样做允许我应用 textarea 格式。我使用了上面的自定义格式化程序,然后按照文档中的建议使用了 variableHeight:true 属性,但它无效。你能想出一种方法来格式化文本颜色并让单元格处理多行数据吗?谢谢。
    • 您很想将 replaceAll('\n','
      ') 添加到格式化程序中的注释和说明字段的末尾...。jsfiddle.net/rdomfv7c
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-08-11
    • 2011-09-24
    • 2019-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多