ant-vue column格式化

在 Ant Design Vue 中，Column 组件的格式化可以通过 `customRender` 属性来实现。具体步骤如下：

1. 在 `columns` 数组中指定需要格式化的列，并设置 `customRender` 属性为一个函数。

例如：

<a-table :columns="columns" :data-source="dataSource">
</a-table>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '姓名',
          dataIndex: 'name',
          customRender: (text, record, index) => {
            return <a-tooltip>{text}</a-tooltip>;
          },
        },
        // 其他列
      ],
      dataSource: [
        // 数据源
      ],
    };
  },
};
</script>

2. 在 `customRender` 函数中返回需要展示的内容。在这个例子中，我们使用了 `a-tooltip` 组件来实现鼠标悬浮时的提示效果。

需要注意的是，`customRender` 函数的参数包括当前列的值 `text`、当前行的数据 `record` 和当前行的索引 `index`。

另外，Ant Design Vue 还提供了一些内置的组件，如 `a-avatar`、`a-badge`、`a-tag` 等，可以直接在 `customRender` 函数中使用。详细信息请参考官方文档。