ExtJS Pivot Grid左轴高度与数据单元高度不同

时间:2010-10-02 17:34:58

标签: javascript extjs

我正在尝试ExtJS Pivot Grid。我正在使用示例(例如:http://dev.sencha.com/deploy/ext-3.3-beta1-6976/examples/pivotgrid/people.html),除了我将网格放在布局中以便我可以在其下面有另一个网格。

似乎正在发生的事情是左轴网格'垂直拉伸'以填充其布局部分(使用vbox布局),但带有数据透视数据的单元格没有拉伸,因此行没有衬里起来。

其他人有这个问题吗?是他们的viewconfig还是我可以设置的东西,告诉所有行(左轴和数据)垂直拉伸?

谢谢!

3 个答案:

答案 0 :(得分:1)

将de doctype更改为

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

答案 1 :(得分:1)

我找到了解决方案! 您可以在.x-pivotgrid .x-grid3-row-headers table td的定义中打开ext-all.css并查找必要的高度值。

例如在FireFox Gecko(Linux)中:

.ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
    height: 22px; //original value - 21
}

对于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;
}

答案 2 :(得分:0)

由于这个功能,截至今天,在Ext的生产版本中没有提供(3.3。仍然只是一个RC),我强烈建议在Ext论坛上发布这个,其中一个框架开发者更多很可能会看到它。

相关问题