Kendo UI 网格中的多行支持

Question

我在 Kendo UI 网格

中有一个具有以下定义的列

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

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

该列在 DB 中的数据大小为 VARCHAR2(4000)，并且可以包含只有几段的大量数据。显然它不止一行。

输入时的列正在以回车returns和特殊字符存储在数据库中。

但是当它在 Kendo UI 网格中呈现时，所有字符都显示在一行中。

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

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

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

尝试在开发论坛上搜索此内容，但没有得到任何忠实的意见。

请提出任何 links/pointers 相同的建议。

Answer 1

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

Kendo UI 网格中的多行支持

Multiline support in Kendo UI Grid

javascript

java

jquery

kendo-grid

multiline