1、先上一张图,展示下效果:
默认是自适应高度的,也就是说我们只要指定展开的内容的最小高度就可以了。
这样就可以保证展开的高度不会来回切换,并且我们可以限制容器里的内容的高度来实现。
<style lang="less" scoped>
.sub-table {
min-height: 350px;
}
</style>
<div class="sub-table">
....
</div>
2、对于展开的内容,宽度比父宽的时候,要么把宽度调节到比父grid的宽度要窄就行。
这样子的宽度不超过父的宽度,自然也就不会出现父的水平滚动条,也不会出现偏移了。