修改Ant Design Vue树形表格的展开图标样式

1. a-table标签里定义 :expandIcon=“expandIcon” 方法

2. methods里定义 expandIcon 方法
// table的expandIcon属性,修改默认展开关闭按钮 子表无数据时不显示展开图标
      expandIcon(props){
        if (!validatenull(props.record.numericalConditionVos)){
          if(props.record.numericalConditionVos.length > 0){
            if (props.expanded) {
              return  {
                props.onExpand(props.record, e);
              }}> 
            } else{
              return  {
                props.onExpand(props.record, e);
              }}>
            }
          }else{
            return 
          }
        }
      }

注释:
放到代码里会有标红,应该是格式什么的不符合规范。但是可以实现功能,暂时先这么用了。如下图:
修改Ant Design Vue树形表格的展开图标样式_第1张图片

你可能感兴趣的:(Vue)