el-tableヘッダーの位置ずれを解決

画像例: ヘッダーエラー
ここに画像の説明を挿入します

脱臼の原因

通常、コンピュータのディスプレイのスケーリングが原因で発生します

ソリューション(2種類)

とにかくルート構造である app.vue または Index.html で、グローバル スタイル style を変更します。

  1. スタイルコードを追加する
  .el-table th.gutter{
    display: table-cell !important;
}
  1. スタイルコードを追加する
.el-table--border th.gutter:last-of-type {
    display: block!important;
}

結果:
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_44220845/article/details/117468438