el-table滚动下拉数据显示不全
今天在开发时,调整页面滚动时,遇到了如图问题,表格固定了高度,但是数据只有视图区域的渲染完全,下拉发现数据缺失,但f12看dom节点的时候,显示是存在三个按钮的,但是页面就是不显示,原来的代码是这样的
<el-table
ref="multipleTable"
:data="tableData"
border
style="width: 100%;height:550px;overflow:auto;"
@selection-change="handleSelectionChange"
>
z在看官方文档的时候,发现固定高度不是这么写的
“通过设置max-height
属性为 Table 指定最大高度。此时若表格所需的高度大于最大高度,则会显示一个滚动条。”
于是代码改成
<el-table
ref="multipleTable"
:data="tableData"
border
max-height="550"
style="width: 100%;"
@selection-change="handleSelectionChange"
>
成功