table点击显示/隐藏列

在网页中，实现表格点击显示或隐藏列通常是通过JavaScript或者jQuery插件来操作的，比如`TableToggleColumn`或者自定义函数。下面是一个简单的示例，展示如何使用JavaScript和HTML结合来实现这个功能：

首先，在HTML中创建一个表格，并给每列的标题添加一个数据属性标识：

<table id="myTable">
  <thead>
    <tr>
      <th data-toggle="hide">列1</th>
      <th data-toggle="show">列2</th>
      <!-- 更多列... -->
    </tr>
  </thead>
  <tbody>
    <!-- 表格行内容... -->
  </tbody>
</table>

然后，编写JavaScript或jQuery代码，监听表头的点击事件并控制对应的列状态：

$(document).ready(function() {
  $('#myTable th[data-toggle]').click(function() {
    let colIndex = $(this).index();
    let state = $(this).data('toggle') === 'hide' ? 'show' : 'hide';

    // 遍历所有表头单元格，更新其兄弟列的状态
    $('table tr th').eq(colIndex).nextUntil('th').toggle(state);
  });
});

这个例子中，当点击带有"data-toggle"属性的表头时，会切换与其相邻列的可见状态。`state`变量决定了新状态是隐藏还是显示。