小编sma*_*bec的帖子

我试图在运行时根据用户选择隐藏/显示表中的列.我定义了两个CSS类:

.hide { visibility: collapse; }

.show { visibility: visible; }

我试图在与<col>我要隐藏/显示的列对应的元素上设置这些样式:

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      ...
    </tr>
  </thead>
  <colgroup>
    <col class="hide">
    <col>
    ...
  </colgroup>
  <tbody>
    <tr>
      <td>Row 1 Column 1</td>
      <td>Row 1 Column 2</td>
    </tr>
    ...
  </tbody>
</table>

但是,它似乎只适用于Firefox,但不适用于Safari或Chrome.Safari和Chrome是否需要特殊处理？我试图避免遍历所有行并修改每个对应的CSS类/样式<td>,并且表中的列数很大,所以我想避免每列创建一个CSS类.有没有可靠的方法通过更改CSS类来隐藏/显示跨浏览器的列<col>？

我正在尝试使用新的GWT CellTable小部件,但我的表需要支持一行扩展,即行的左侧有一个zippy,当它被单击时,该行应该展开以提供更多的详细信息,这一行应该跨越所有列.是否可以通过CellTable实现这一目标？如何动态添加跨越其他行之间所有列的行？

任何帮助将不胜感激!

在GWT页面(http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles)中,它提到了两种方式(对于现代应用程序):

• 使用ClientBundle中包含的CssResource.
• 在UiBinder模板中使用内联元素.

现代GWT应用程序通常使用CssResource和UiBinder的组合.

所以我的问题是,我应该何时使用css文件并为其创建CssResource,何时应该使用<ui:style>直接在ui.xml文件中定义样式？使用这些方法之一是否存在任何性能影响(即在客户端上下载的资源大小)？