el-table标题头显示混乱问题（vue3 + elementplus + js）

最新推荐文章于 2024-01-10 15:07:44 发布

°疯菇凉℡1

最新推荐文章于 2024-01-10 15:07:44 发布

阅读量375

点赞数

分类专栏： vue3 文章标签： javascript 前端 vue

本文链接：https://blog.csdn.net/qq_39188241/article/details/130085560

版权

vue3 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述
这里从官网直接复制过来的代码：显示结果却如上图混乱

 <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>

解决方法：就是将标签更改一下即显示正常

 <el-table :data="tableData" style="width: 100%">
   <el-table-column prop="date" label="Date" width="180" ></el-table-column>
          <el-table-column prop="name" label="Name" width="180" ></el-table-column>
          <el-table-column prop="address" label="Address" > </el-table-column>" 
  </el-table>