用代码隐藏隐藏表的列

Question

我有一个(html)表(下面的示例布局),我想在某些条件下隐藏最后两列,使用C#codebehind.我不希望通过将列的宽度缩小到0来做到这一点,尽管我并没有把它排除在外.没有任何CSS类真正提供给大多数行而没有列.我已经尝试使用colgroup将显示设置为none以及隐藏在colgroup上的可见性,但没有运气.

_____________
|__|__|__|__|
|__|__|__|__|
|__|__|__|__|

至

_______
|__|__|
|__|__|
|__|__|

有什么想法吗？

Answer 1

假设您的表是静态的,您可以动态地将CSS class应用于您想隐藏的任何列:

<table>
    <tr>
        <th>
            Visible
        </th>
        <th class="<%= HiddenClassName %>">
            Possibly hidden
        </th>
    </tr>
    <tr>
        <td>
            Visible
        </td>
        <td class="<%= HiddenClassName %>">
            Possibly hidden
        </td>
    </tr>
</table>

在代码文件中,您的属性可能是:

public string HiddenClassName { get; private set; }

该hidden风格本身:

<style type="text/css">
  .hidden 
  {
      visibility: hidden;
      display: none;
  }
</style>