Extjs Grid Panel：如何在鼠标悬停时显示内容

Question

我正在显示一个包含2列的ext JS网格面板。我必须保持两列的固定宽度。我的问题是，当文本显示在第1列并且超过其宽度时，我没有任何方法可以看到整个文本（我可以手动拉伸它，但由于固定宽度，它有时不会显示）。可能是任何人都知道我该怎么做 -

我的意思是 - 我可以在mousehover上显示文本，但如果用户将鼠标指针保持超过5秒，我希望它显示文本，否则会太烦人;如果用户将鼠标从第1行移到最后一行。

任何其他想法也会有所帮助。

Answer 1

将以下样式添加到样式表中：

.wordwrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
    white-space: normal; /* Internet Explorer 5.5+ */
}

然后将其包含在列的'cls'配置中：

columns: [{
    header: "Column 1",
    dataIndex: 'Col1',
    cls: 'wordwrap'
}]

那应该包裹网格单元格的内容。