element-ui中的el-tab和el-table样式冲突导致table高度缩小

解决element-ui中在tab切换时table出现高度、宽度缩小的问题

今天我在使用element-ui中的el-tabs组件进行切换时,el-table会出现一个默认高度,导致table最下方多出一行空白行,查了一下,应该是el-tab和el-table的样式有冲突。以下是解决方案


.el-table {
	width: 100%;
	display: flex;
	flex-direction: column;
	.el-table__body-wrapper {
		flex: 1;
	 }
}

你可能感兴趣的:(ui,vue.js,elementui)