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

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

351 2025-03-20

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

Element UI 表格显示异常

在使用 Element UI 构建表格时,可能会遇到表格列显示在一行的问题。这是由于 HTML 代码中存在错误导致的,具体来说是缺少了表格列的闭合标签。

下面是正确的代码:

<el-table :data="tableData">
  <el-table-column prop="date" label="Date" sortable></el-table-column>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="address" label="Address"></el-table-column>
</el-table>

在修改上述代码后,表格列将正确显示在多行中。

来源:1729914820