我正在尝试将第二个滚动条添加到表格顶部。但问题不是它不能滚动。
<div id="app">
<div class="wrapper1">
<div class="div1"></div>
</div>
<div class="wrapper2">
<div class="div2">
<el-table :data=tableData>
<el-table-column prop="name" prop="name" ></el-table-column>
<el-table-column prop="address" ></el-table-column>
</el-table>
</div>
</div>
</div>
您无法滚动,因为您的内容适合屏幕宽度,但即使您将 div 加长,它也会增长。要使其可滚动,您需要将其放入固定宽度的容器中。
<div class="container">
<div class="wrapper1">
<div class="div1"></div>
</div>
<div class="wrapper2">
<div class="div2"></div>
</div>
</div>
.container {
width: 100vw;
}
.div2 {
width: 150%;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句