以下是一个使用JavaScript和HTML的示例，演示如何通过按钮控制数据表中列的可见性：

HTML代码：

  

    

      
Name
      
Age
      
City
      
Country
    
  
  

    

      
John
      
25
      
New York
      
USA
    
    

      
Jane
      
30
      
London
      
UK
    
    
  


Toggle Name Column
Toggle Age Column
Toggle City Column
Toggle Country Column

JavaScript代码：

function toggleColumnVisibility(columnIndex) {
  var table = document.getElementById("myTable");
  var rows = table.getElementsByTagName("tr");
  
  for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].getElementsByTagName("td");
    if (cells.length > columnIndex) {
      var cell = cells[columnIndex];
      if (cell.style.display === "none") {
        cell.style.display = "";
      } else {
        cell.style.display = "none";
      }
    }
  }
}

这个示例中，我们使用了一个toggleColumnVisibility函数，它接受一个列索引作为参数。当点击按钮时，调用这个函数来切换对应列的可见性。

函数首先获取数据表的引用，并通过getElementsByTagName方法获取所有行元素。然后，对于每一行，我们再次使用getElementsByTagName方法获取该行的所有单元格元素。如果单元格的数量大于给定的列索引，我们可以通过设置style.display属性来切换单元格的可见性。如果单元格当前是可见的，则将其隐藏，反之亦然。

请注意，这个示例假设表格的第一行是表头，其中包含列标题。如果你的表格结构稍有不同，你可能需要调整代码来适应你的需求。