【element-ui】element-ui的table组件，在google浏览器下border错位？

• Z时代
• 2024-01-10
• 分类：技术分享

element-ui的table组件，在google浏览器下border错位，但是在360浏览器下，同样是webkit内核，显示正常。
这是在google浏览器下的截图，border错位

这是在360浏览器下，显示正常

<el-table style="margin-top: 20px;width:100%;" :data="alarmRecordData" v-loading="loading" border stripe>

  <el-table-column align="center" label="报警时间">
    <template slot-scope="scope">
      {{scope.row.createTime | transTime}}
    </template>
  </el-table-column>
  <el-table-column align="center" prop="deviceName" label="设备名称">
  </el-table-column>
  <el-table-column align="center" prop="groupName" label="所属站点">
  </el-table-column>
  <!-- <el-table-column align="center" prop="siteName" label="客户名称">
  </el-table-column> -->
  <el-table-column align="center" prop="deviceNo" label="设备编号">
  </el-table-column>
  <el-table-column align="center" label="报警类型">
    <template slot-scope="scope">
      <span v-if="scope.row.alarmType === 3">普通报警</span>
    </template>
  </el-table-column>
  <el-table-column align="center" prop="alarmDefine" label="报警定义">
  </el-table-column>
  <el-table-column align="center" prop="alarmCode" label="报警代码">
  </el-table-column>
</el-table>

回答：

建议看看issue，不知道现在解决了没有。不缩放的情况下，好像是没问题的。

回答：

加上

body .el-table th.gutter{
    display: table-cell!important;
}

以上是 【element-ui】element-ui的table组件，在google浏览器下border错位？ 的全部内容， 来源链接： utcz.com/a/151483.html