Question

我在Kendo UI Grid中有一个具有以下定义的列

fields: {
        column1: {type:"string",editable: false},
}

columns: [
{field: "column1",title:"Column1",width: 600}, 
]

该列在数据库中具有VARCHAR2（4000）作为数据大小，并且可以包含很少段落的大量数据。显然它有不止一行。

输入的列存储在DB中，带有回车符和特殊字符。

但是当它在Kendo UI Grid中呈现时，所有字符都以单行显示。

编辑我可以应用textarea编辑器，可以查看多行。

var textEditorInitialize = function(container, options) {
        $('<textarea name="' + options.field + '" style="width: ' + container.width() + 'px;height:' + container.height() + 'px" />').appendTo(container);
    };

但是，如何在网格中查看此列的多行显示数据？

尝试在开发论坛上搜索，但没有得到任何忠实的投入。

建议任何相同的链接/指针。

Answer 1

使用white-space: pre-line设置单元格的样式。这将折叠大多数空格，但在换行符处换行（加上<br/>）。

Kendo UI Grid中的多行支持

1 个答案: