Javascript ExtJS轴心网格左轴高度不同于数据单元高度_Javascript_Extjs

Javascript ExtJS轴心网格左轴高度不同于数据单元高度

javascript extjs

Javascript ExtJS轴心网格左轴高度不同于数据单元高度,javascript,extjs,Javascript,Extjs,我正在试用ExtJS Pivot网格。我使用的示例与示例（此处：）中的示例基本相同，只是我将网格放在布局中，以便在其下方有另一个网格似乎正在发生的是，左轴栅格垂直“拉伸”以填充其布局部分（使用vbox布局），但包含轴数据的单元格没有拉伸，因此行没有对齐还有其他人有这个问题吗？它们是viewconfig还是我可以设置为告诉所有行（左轴和数据）垂直拉伸的东西谢谢由于该功能目前尚未在Ext的生产版本中提供（3.3.仍然只是一个RC），我强烈建议将其发布在Ext论坛上，其中一个框架开发者更可能看

我正在试用ExtJS Pivot网格。我使用的示例与示例（此处：）中的示例基本相同，只是我将网格放在布局中，以便在其下方有另一个网格

似乎正在发生的是，左轴栅格垂直“拉伸”以填充其布局部分（使用vbox布局），但包含轴数据的单元格没有拉伸，因此行没有对齐

还有其他人有这个问题吗？它们是viewconfig还是我可以设置为告诉所有行（左轴和数据）垂直拉伸的东西

谢谢

由于该功能目前尚未在Ext的生产版本中提供（3.3.仍然只是一个RC），我强烈建议将其发布在Ext论坛上，其中一个框架开发者更可能看到它。

将de doctype更改为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我找到了解决方案！您可以打开ext-all.css并在

.x-pivotgrid.x-grid3-row-headers表td

的定义中查找必要的高度值

例如在FireFox Gecko（Linux）中：

对于opera，您可以添加样式：

.ext-opera .x-pivotgrid .x-grid3-row-headers table td {
    height: 21px;//original value 18
    padding: 2px 7px 0 0;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 11px;
    font-family: tahoma;
}

工作！不过，我有点搞不懂“为什么”它会起作用。这行代码如何修复它？我更改了doctype，但问题仍然存在。

.ext-opera .x-pivotgrid .x-grid3-row-headers table td {
    height: 21px;//original value 18
    padding: 2px 7px 0 0;
    text-align: right;
    text-overflow: ellipsis;
    font-size: 11px;
    font-family: tahoma;
}