请问eltable，我想点击不同的表头可以让表头改变颜色，并且可以获取这列数据

你可以使用JavaScript来实现点击表头改变颜色以及获取列数据的功能。首先，你需要为表头添加事件监听器，监听点击事件。然后，在事件处理函数中，你可以使用 DOM API 获取被点击的表头元素，并且修改其样式。接下来，你可以使用 JavaScript 来获取表格中对应列的数据，可以通过遍历表格的每一行，获取每一行中该列的单元格，从而获取数据。

下面是一个简单的示例代码，可以实现点击表头改变颜色并且获取该列数据的功能：

HTML:

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>30</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

JavaScript:

const table = document.getElementById('myTable');
const headers = table.getElementsByTagName('th');

for (let i = 0; i < headers.length; i++) {
  const header = headers[i];
  header.addEventListener('click', function() {
    // 修改表头样式
    this.style.backgroundColor = 'yellow';

    // 获取列数据
    const cells = table.getElementsByTagName('td');
    const data = [];
    for (let j = i; j < cells.length; j += headers.length) {
      data.push(cells[j].textContent);
    }
    console.log(`第 ${i + 1} 列数据为: ${data.join(', ')}`);
  });
}

在上面的代码中，我们首先获取表头元素和表格单元格元素，然后为每个表头元素添加点击事件监听器。在事件处理函数中，我们通过 this 关键字获取被点击的表头元素，并修改其样式。接下来，我们通过遍历表格中每一行对应列的单元格，获取该列数据，并打印到控制台中。注意，我们使用了 headers.length 来计算每一行中该列单元格的位置。

希望这可以帮助到你！