设置列sortable=“custom”，结合sort-change事件header-cell-class-name属性，在点击排序箭头时进行排序操作

当你在表格组件中设置列的`sortable`属性为`"custom"`，意味着你希望自定义排序过程。这通常在需要更复杂的排序规则或者动态调整排序逻辑时使用，比如根据某个计算字段、日期格式或其他非直观的数据进行排序。

同时，配合`sort-change`事件，可以在用户点击排序箭头时触发自定义的排序函数。这个事件会在每次排序改变时触发，你可以利用这个时机更新数据的状态，并通过`header-cell-class-name`属性为当前排序列添加特定的样式标识。

例如，在Ant Design Vue的Table组件中，可能会这样配置：

<template>
  <a-table :columns="columns" :data-source="data" :sortable="true" @sort-change="handleSortChange">
    ...
  </a-table>
</template>

<script>
export default {
  methods: {
    handleSortChange({ column, order }) {
      // 这里可以根据column和order来进行自定义排序
      const sortedData = this.data.sort((a, b) => {
        if (column.field === 'yourCustomField') {
          return order === 'ascend' ? a.yourCustomField - b.yourCustomField : b.yourCustomField - a.yourCustomField;
        }
        // 如果不是自定义字段，按照默认方式进行排序
        return order === 'ascend' ? a[column.field] - b[column.field] : b[column.field] - a[column.field];
      });

      // 更新数据源
      this.data = sortedData;

      // 根据新的排序状态给header添加class
      this.columns.forEach(col => {
        if (col.field === column.field) {
          col.headerCellClassName = `sorted-${order}`;
        }
      });
    },
  },
  data() {
    return {
      columns: [...],
      data: [...], // 假设这里有你的数据源
    };
  },
};
</script>