el-table-column type=“expand“ element表格嵌套 无数据时隐藏展开箭头

表格嵌套 截图自element官网

优化项：

el-table-column type=“expand” 无下级数据时箭头展开为空;页面很丑而且操作很傻!(测试原话)

解决方法：隐藏空数据的展开箭头

1，在最外层table新加配置 :row-class-name=“iconHadler”

	<!-- 其他配置我没写 在你的基础上新加这个配置就行 -->
	<el-table
	   :row-class-name="iconHadler"
	  >
	</el-table>

2，判断如果没有下级就添加class名

  methods: {
  	//这里的childrenList是我的后端返回的字段 可根据你自己的接口修改
  	//icon-no是我自定义的class名,可随意更改;和style同步就行
    iconHadler({row}) {
      if(!row.childrenList || row.childrenList.length==0){
        return 'icon-no';
      }
    },
 }

3，修改icon-no的样式

<style lang="scss" scoped>
	::v-deep .icon-no .el-table__expand-icon {
	  display: none;
	}
</style>

效果图如下:

以上内容仅供参考;如有不正望指出!