Question

我第一次尝试使用Tabulator。我的领域之一是多行文本。我不希望那排很高。我希望该单元格的高度有限，但该单元格具有垂直滚动条。能做到吗？

Answer 1

textarea 格式程序与其他格式程序一样，您可以创建自己的格式或以自己喜欢的任何方式对其进行更新，在这种情况下，您将需要自定义将最大高度添加到单元格并自动溢出的格式化程序，然后可以将其分配给相关列的列定义：

//multiline text area
var customTextareaFormatter = function(cell, formatterParams, onRendered){
    var el = cell.getElement();
    el.style.whiteSpace = "pre-wrap";
    el.style.overflow = "auto";
    el.style.maxHeight = "50px";
    return this.emptyToSpace(this.sanitizeHTML(cell.getValue()));
};

//assign to column definition
{title:"Description", field:"desc", formatter:customTextareaFormatter},

Answer 2

如果您的单元格具有class或id属性，应该可以。

然后您可以更改CSS样式。您需要一个固定高度和一个y溢出属性。

document.getElementsByClassName('tabulator-row')[0].style.height = "100px";
document.getElementsByClassName('tabulator-row')[0].style.overflowY = "scroll";

如果目标元素没有唯一的ID或类，则可以使用querySelector选择特定的项目。

在此示例中，它将选择具有属性tabulator-field和值name的单元格

document.querySelector('[tabulator-field=name]').style.height = "100px";
document.querySelector('[tabulator-field=name]').style.overflowY= "scroll";

也许您可以直接使用CSS。这将是最好的解决方案。

有没有一种方法可以使textarea单元格带有滚动条？

2 个答案: