element-ui表格内嵌表格，内嵌表格没有数据，隐藏打开按钮

小C丶

于 2024-05-24 18:12:11 发布

阅读量231

点赞数 3

文章标签： vue.js 前端 elementui css3

本文链接：https://blog.youkuaiyun.com/weixin_52455405/article/details/139181482

版权

html部分

<el-table :data="tableData" :row-class-name="leftIcon">
	<el-table-column type="expand">
		<template slot-scope="props">
			<el-table :data="props.children"></el-table>
		</template>
	</el-table-column>
</el-table>

js部分

methods:{
	leftIcon({row}){
		if(!row.children || row.children.length == 0){
			return 'icon-display'
		}
	}
}

css部分

.icon-display .el-table__expand-icon{
	display:none !important;
}