工作中遇到的问题10(修改默认的ant-design-table展开图标)

384 阅读1分钟

样式:默认是+号和-号,修改为三角图标并且控制入股没有子项就不展开

image.png

image.png

代码如下所示:

//修改展开符号图标样式
    expandIcon(props) {
      if (props.record.children && props.record.children.length > 0) {
        if (props.expanded) {
          return <a style="color: 'black',margin-right:0px" onClick={e => {
            props.onExpand(props.record, e);
          }}><a-icon type="caret-down" style="color:#46F0FF" /> </a>
        } else {
          return <a style="color: 'black' ,margin-right:0px" onClick={e => {
            props.onExpand(props.record, e);
          }}><a-icon type="caret-right" style="color:#46F0FF" /></a>
        }
      } else {
        return <a style="color: 'black' ,margin-right:0px;width:15px;height:15px" ></a>
      }
    },

这里需要注意引入图标的样式和触发点击的方法