Ant Design Vue中怎么更换上表格thead 上的小图标

最新推荐文章于 2024-08-12 05:07:15 发布

jin@hu

最新推荐文章于 2024-08-12 05:07:15 发布

阅读量2.9k

点赞数 1

文章标签： vueUI组件 ant design vue 更换图标

本文链接：https://blog.csdn.net/beretHat_5/article/details/102872701

版权

本文介绍了如何在Ant Design Vue的表格组件中替换thead上的图标。通过使用filterIcon属性并结合slot，可以实现自定义筛选和排序图标的个性化设计，以满足非标准UI需求。

摘要由CSDN通过智能技术生成

Ant Design Vue中怎么更换上表格thead 上的小图标

当我们在使用Ant Design Vue的表格组件实现筛选、排序效果的时候，
例如：

<template>
  <a-table
    :columns="columns"
    :rowKey="record => record.login.uuid"
    :dataSource="data"
    :pagination="pagination"
    :loading="loading"
    @change="handleTableChange"
  >
    <template slot="name" slot-scope="name">
      {
   {
   name.first}} {
   {
   name.last}}
    </template>
  </a-table>
</template>
<script>
  import reqwest from 'reqwest';
  const columns = [
    {
   
      title