css - ExtJS：隐藏列的魔力

Question

我想知道 ExtJS 如何在没有任何可见的 CSS 更改的情况下隐藏列！隐藏列蚂蚁未隐藏

我遇到的问题 - 我无法设置 CSS 规则来隐藏该隐藏列中的子图标。Fe 如果隐藏的 td 有“隐藏”类，我可以使用类似的东西：

td.hidden img {display:none;}

但在这种情况下，我只能在渲染器中通过操纵 grid.columns[col].isHidden() 来实现。

renderer: function(value,td,record,row,col,store,view) {
    return grid.columns[col].isHidden() ? '' : someFunctionToRenderColumn();
},

没关系，但是如果我显示隐藏列，它将不会刷新网格并显示空列。当然，我可以再添加一个事件来显示/隐藏该列，但这太难了！有什么简单的方法吗？

score 1 · Accepted Answer

它为它们提供了 0px 的宽度：

<colgroup>
    <col class="x-grid-cell-gridcolumn-1023" style="width: 0px;">
</colgroup>

...那也应该隐藏你的img。除非你给了他们一个绝对定位之类的东西。您应该尝试定位您的imgusingfloat和. 或者您将不得不使用列的and事件自己切换类。marginpadding'hidden'hideshow

score 0 · Accepted Answer

您可以通过定位相应的col元素来隐藏列。无需在每个单独td的 s 上放置类。

这是我之前制作的小提琴：http: //jsfiddle.net/MrLister/MupLH/

<table>
  <col><col class="invisible"><col>
  ...

和CSS：

.invisible {visibility:collapse}

但是你甚至不需要上课；col:nth-child(2)如果您知道列号，也可以使用。

2 回答 2