在element-ui表格中，可以通過style屬性和height屬性來設(shè)置表格的高度。這兩種方式的區(qū)別如下：
style屬性設(shè)置表格高度
使用style屬性可以設(shè)置表格容器的樣式，包括高度、寬度、邊框等。例如：
<el-table :data="tableData" style="height: 300px;">
<!-- 表格內(nèi)容 -->
</el-table>
這里將表格容器的高度設(shè)置為300px，表格的高度是固定的，如果表格內(nèi)容高度超過了300px，不會出現(xiàn)滾動條，因為默認的overflow為visible ，容不會被修剪，會呈現(xiàn)在元素框之外，所以要加上overflow:auto才會出現(xiàn)滾動條，而且表頭會跟著一起滾動。
<el-table :data="tableData" style="height: 300px;overflow: auto;">
<!-- 表格內(nèi)容 -->
</el-table>
height屬性element文檔說明
height： Table 的高度，默認為自動高度。如果 height 為 number 類型，單位 px；如果 height 為 string 類型，則這個高度會設(shè)置為 Table 的 style.height 的值，Table 的高度會受控于外部樣式。
使用height屬性可以直接設(shè)置表格的高度，例如：文章來源：http://www.zghlxwxcb.cn/news/detail-466029.html
復(fù)制<el-table :data="tableData" height="300">
<!-- 表格內(nèi)容 -->
</el-table>
這里將表格的高度設(shè)置為300px，表格的高度是固定的，不會根據(jù)表格內(nèi)容的高度自動調(diào)整。當(dāng)表格的內(nèi)容超過了表格的高度時會出現(xiàn)滾動條，表頭是固定的不會一起滾動。使用height屬性設(shè)置表格高度的優(yōu)點是，可以精確控制表格的高度，避免表格高度不夠或者過高的問題。文章來源地址http://www.zghlxwxcb.cn/news/detail-466029.html
到了這里，關(guān)于element-ui設(shè)置高度height屬性與style屬性設(shè)置的區(qū)別的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
