放大和缩放时，工具提示无法正确显示执行缩小浏览器

Question

我正在使用EXT JS 3.4。

我的Column Model的代码如下： - 我正在从数据库中配置我的Ext.grid.Column for Column Model。

Ext.QuickTips.init();
cm = new Ext.grid.ColumnModel( {
            columns : cols // the cols is getting generated from the database
        });

上面代码中提到的cols的json数据生成如下：

{
  header: "Title Alias",
  type: "STRING",
  dataIndex: "order#title_alias",
  width: 80,
  tooltip: "Title Alias",
  sortable: "true",
  filter: {
    test: "/^{0}/i"
  }
}

QUERY：工具提示以两行显示。我希望工具提示调整其宽度 根据文本，工具提示文本应仅以单行显示。

BOUNDATION：无法修改“cols”。

APPROACH：我们可以覆盖或应用某种配置到快速提示。是否可能。

Answer 1

您应该能够为工具提示设置css并定义：

.x-tip .x-tip-body {
    white-space: nowrap;
}

以防止它缠绕。