[Vue前端] el-table滚动条不显示问题的解决
代码:<el-tableclass="show_table"border:key="itemKey":data="shopWindowTable":header-cell-style="headerStyle":row-style="{ height: '50px' }":cell-style="{ padding: '2px' }"..
·
代码:
<el-table
class="show_table"
border
:key="itemKey"
:data="shopWindowTable"
:header-cell-style="headerStyle"
:row-style="{ height: '50px' }"
:cell-style="{ padding: '2px' }"
v-loading="loading"
height="500"
highlight-current-row
>
<style scoped>
.show_table {
position: relative;
width: 100%;
overflow: auto;
}
</style>
如截图,表格里内容超出表格大小,css中加了 overflow: auto 但没有出现滚动条。
解决办法:
把el-table标签里的height换到css样式中,滚动条正常显示。
.show_table {
position: relative;
width: 100%;
height: 500px; //高度加到这里
overflow: auto;
}
更多推荐
所有评论(0)