a-table自定义展开图标

最新推荐文章于 2024-05-11 16:37:45 发布

浅影歌年

最新推荐文章于 2024-05-11 16:37:45 发布

阅读量369

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44980864/article/details/135865881

版权

原文来自：vue 修改ant中table表格的展开图标树形表格expandIcon自定义图标


        <template #expandIcon="props">
          <span v-if="props.record.children?.length > 0">
            <div
                v-if="props.expanded"
                style="display: inline-block; margin-right: 10px"
                @click="
                (e) => {
                  props.onExpand(props.record, e);
                }
              "
            >
              <DownOutlined />
            </div>
            <div
                v-else
                style="display: inline-block; margin-right: 10px"
                @click="
                (e) => {
                  props.onExpand(props.record, e);
                }
              "
            >
              <RightOutlined />
            </div>
         </span>
          <span v-else style="margin-right:29px"></span>
        </template>