エレメントuiのテーブルコンポーネントel-tableにボーダーを追加した後のテーブルの不整合の問題を解決する

質問は次のとおりです。

ご覧のように、右に行くほど、テーブルのずれが深刻になります

 解決策は次のとおりです。

1.次のスタイルstyleをindex.htmlの先頭に追加します

2.  App.vueに次のスタイルスタイルを追加します

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

  </style>

プロテストでは、上記の2つの方法が効果的で、 2つの結果は次のようになります。

この時点で、問題は解決されました。