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

对于这个问题，您可以使用 Element UI 提供的 `header-click` 事件来实现点击表头改变颜色的功能，同时通过获取当前列的 `prop` 属性来获取这列数据。具体实现步骤如下：

1. 给 `el-table-column` 组件添加 `prop` 属性来标识当前列的数据属性，例如：

<el-table-column prop="name" label="姓名"></el-table-column>

2. 在 `el-table` 组件上添加 `header-click` 事件来监听表头点击事件，例如：

<el-table @header-click="handleHeaderClick" :data="tableData">
  <!-- el-table-column 组件省略 -->
</el-table>

3. 在 `handleHeaderClick` 方法中获取当前点击的列的 `prop` 属性，并根据需要改变表头的颜色，例如：

methods: {
  handleHeaderClick(column) {
    // 获取当前列的 prop 属性
    const prop = column.property;
    console.log(`Clicked column prop: ${prop}`);

    // 改变表头的颜色
    column.labelStyle = { color: 'red' };
  }
}

4. 如果需要获取当前列的数据，可以在 `handleHeaderClick` 方法中通过 `this.tableData` 来获取整个表格的数据，然后根据当前列的 `prop` 属性来找到相应的数据项，例如：

methods: {
  handleHeaderClick(column) {
    // 获取当前列的 prop 属性
    const prop = column.property;
    console.log(`Clicked column prop: ${prop}`);

    // 改变表头的颜色
    column.labelStyle = { color: 'red' };

    // 获取当前列的数据
    const data = this.tableData.map(item => item[prop]);
    console.log(`Column data: ${data}`);
  }
}

以上是实现您所需功能的大致思路，您可以根据具体的需求来进行调整。希望能对您有所帮助！