制表符：textarea 格式化程序的单元格高度错误

如何解决制表符：textarea 格式化程序的单元格高度错误

在 Tabulator 4.9 中，我试图在某些单元格中设置一个包含长文本的表格。我为此使用了 formatter:"textarea"，但结果很奇怪。带有长文本的单元格的高度太大了。见代码笔。当我手动调整列的大小时，单元格会立即跳到正确的高度。但为什么它首先不是正确的高度？

https://codepen.io/pen/yLMewyd

const longText = "Lorem ipsum,or lipsum as it is sometimes kNown,is dummy text used in laying out print,graphic or web designs. The passage is attributed to an unkNown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book."

let exampleData = [
{id:1,name:"Oli Bob",progress:12,gender:"male",col:"red",dob:"19/02/1984",car:1},{id:2,name:"Mary May",progress:1,gender:"female",col:longText,dob:"14/05/1982",car:true},{id:3,name:"Christine Lobowski",progress:42,col:"green",dob:"22/05/1982",car:"true"},{id:4,name:"Brendon Philips",progress:100,col:"orange",dob:"01/08/1980"},{id:5,name:"Margret Marmajuke",progress:16,col:"yellow",dob:"31/01/1999"},{id:6,name:"Frank Harbours",progress:38,dob:"12/05/1966",{id:7,name:"Jamie Newhart",progress:23,dob:"14/05/1985",{id:8,name:"Gemma Jane",progress:60,{id:9,name:"Emily Sykes",col:"maroon",dob:"11/11/1970"},{id:10,name:"James Newman",progress:73,dob:"22/03/1998"},{id:11,name:"Martin Barryman",progress:20,col:"violet",dob:"04/04/2001"},{id:12,name:"Jenny Green",progress:56,col:"indigo",dob:"12/11/1998",{id:13,name:"Alan Francis",progress:90,col:"blue",dob:"07/08/1972",{id:14,name:"John Phillips",progress:80,dob:"24/09/1950",{id:15,name:"Ed White",progress:70,dob:"19/06/1976"},{id:16,name:"Paul Branderson",dob:"01/01/1982"},{id:18,name:"emma Netwon",progress:40,col:"brown",dob:"07/10/1963",{id:19,name:"Hannah Farnsworth",progress:30,col:"pink",dob:"11/02/1991"},{id:20,name:"Victoria Bath",col:"purple",dob:"22/03/1986"},];

var table = new Tabulator("#example-table",{
    data: exampleData,headerSort:false,columns:[    
        {title:"Name",field:"name",editor:"input",width:150},{title:"Progress",field:"progress",formatter:"progress"},{title:"Gender",field:"gender"},{title:"Multi-line",field:"col",formatter:"textarea"},//,maxWidth: 350},{title:"Date Of Birth",field:"dob",hozAlign:"center"},{title:"Driver",field:"car",hozAlign:"center",formatter:"tickCross"}        
    ]
});

解决方法

我在您的 Tabulator ctor() 之后添加了 table.redraw(true) 并获得了更好的结果。但此刻，我不能告诉你为什么。完全重绘修复的列的初始化肯定有问题；您可能想在 GITHub 上提出错误报告