＜el-table＞头部固定会引起左侧界面错位解决方案

原创于 2022-08-05 10:20:45 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

本文档介绍了一个关于El-Table组件在固定表头时出现界面错位的问题，并提供了解决方案。在操作列中使用栅格布局可以有效地防止这种错位现象，确保表格操作区域的显示正常。

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-row :gutter="12">
      <el-col :span="8">
        <el-button type="text" size="small">查看</el-button>
      </el-col>
      <el-col :span="8">
        <el-button type="text" size="small">编辑</el-button>
      </el-col>
    </el-row>
  </template>
</el-table-column>

固定el-table 头部信息右侧会引起界面错位在操作位置添加栅格即可解决