在GXT(不是Ext-JS)网格标题中过滤图标

时间:2012-12-24 09:53:24

标签: header grid icons gxt

我正在使用GXT(而不是Ext JS)2.4中的网格,并且遇到了以下问题。

我尝试在设置过滤器后立即使用动态图标标记列,以便用户可以知道他/她已在列上应用了过滤器。它与Excel中内置的内容非常相似,其中过滤后的列上设置了过滤后的图标。

我无法这样做或找到一篇指出正确方向的文章来修复它。我已尝试按各种论坛的建议更改CSS,但没有帮助。 CSS更改同样会影响所有标题。我想要的只是过滤后的列与其他列不同。

非常感谢任何帮助。我会说到考虑我是一个新手,并给我一个如何解决它的分步指导。对不起,如果我听起来太绝望了,但是我觉得我可能花了太多时间搞清楚这一点。

谢谢

1 个答案:

答案 0 :(得分:1)

GXT 2 已经具备此功能,您可以查看Filter Grid Demo。默认情况下,bolditalic用于过滤列,以下是gxt-all.css

的摘录
.x-grid3-hd-row .x-filtered-column {
    font-style: italic !important;
    font-weight: bold !important;
}

您需要覆盖此css定义以应用自己的样式。