Extjs Ext JS网格面板：如何在鼠标上方显示内容

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

我是说- 我可以在鼠标上方显示文本，但如果用户将鼠标指针保持5秒以上，我希望它显示文本，否则会太烦人；如果用户将鼠标从第一行移到最后一行

---

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

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

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

这样可以包装网格单元格的内容