使用a-table-column写

`<a-table-column>`是Ant Design Vue中的一个重要标签，用于定义表格中的一个列。在`<a-table>`组件内部，你可以使用它来指定表格的每个列，包括列名、列数据的来源(`dataIndex`)、列的宽度(`width`)、是否可以排序(`sortable`)等特性。基本结构如下：

<a-table-column
  :title="columnTitle"          {/* 列标题 */}
  :dataIndex="dataField"       {/* 列的数据字段，对应数据源中的键 */}
  :key="uniqueKey"            {/* 确保每一列有唯一的key，避免Vue更新时出现问题 */}
  :width="columnWidth"         {/* 列宽，单位px或百分比 */}
  :formatter="customFormatter"  {/* 自定义格式化函数 */}
  :cellRenderer="customRenderer" {/* 自定义单元格渲染函数 */}
  :sortable="isSortable"       {/* 是否允许排序 */}
/>

例如，你可以这样创建一个简单的列：

<a-table-column title="姓名" dataIndex="name" width="150"></a-table-column>

这里的`title`指定了显示在表头的文字，`dataIndex`则告诉组件从数据源中取哪个字段作为该列的内容。