項(xiàng)目場景：
在開發(fā)后臺管理系統(tǒng)的時候，我們的main區(qū)域有時會因?yàn)楸砀竦母叨裙潭▽?dǎo)致不同分辨率情況下展示不同，低分辨率情況下會出現(xiàn)整體豎向滾動條。
問題描述
element ui的表格有height屬性，但是他是固定的，不會隨著分辨率不同進(jìn)行自適應(yīng)。低分辨率可能會出現(xiàn)滾動條。
<el-table
:data="tableData"
height="250"
border
style="width: 100%">解決方案：
可以將element ui table的height屬性高度進(jìn)行calc(100vh - xx)進(jìn)行自適應(yīng)。這樣表格高度就會隨著分辨率不同進(jìn)行自適應(yīng)。其中xx單位可以為px，也可以為rem。文章來源：http://www.zghlxwxcb.cn/news/detail-517104.html
如果配置了rem，推薦使用rem。文章來源地址http://www.zghlxwxcb.cn/news/detail-517104.html
<el-table
:data="tableData"
height="calc(100vh - 100px)"
border
style="width: 100%"><el-table
:data="tableData"
height="calc(100vh - 10rem)"
border
style="width: 100%">到了這里，關(guān)于Element UI的表格高度自適應(yīng)。的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
