首页 > 文章列表 > Element UI 表格列显示成一行?如何解决?

Element UI 表格列显示成一行?如何解决?

197 2025-03-18

Element UI 表格列显示成一行?如何解决?

解决 HTML 中引入 Element UI 失败的问题

在使用 Element UI 库时,引入它可能遇到一些问题。本文将针对以下代码段遇到的问题进行解答:

// ...
<el-table-column prop="name" label="Name" /&gt;
// ...

问题:

表格的列显示成一行一个,而不是期望的各列属于同一行。

原因:

el-table-column 标签缺少闭合标签 <el-table-column>...<el-table-column> 。

解决办法:

为 el-table-column 标签写上完整的闭合标签:

// ...
<el-table-column prop="name" label="Name"> </el-table-column>
// ...

补充完整标签后,表格将正确显示,每一列都属于同一行。

来源:1729916128