Ext JS 网格面板：如何在鼠标悬停时显示内容

Question

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

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

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

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'
}]

这应该包含网格单元格的内容。