요소 UI의 테이블 구성 요소 el-table에 테두리를 추가 한 후 테이블 정렬 불량 문제 해결

질문은 다음과 같습니다.

보시다시피 오른쪽으로 갈수록 테이블 정렬 불량이 더 심각해집니다.

 해결책은 다음과 같습니다.

1. index.html의 헤드에 다음 스타일 스타일을 추가합니다.

2.  App.vue에 다음 스타일 스타일 추가

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

  </style>

프로 테스트, 위의 두 가지 방법이 효과적이며 두 가지 결과는 다음과 같습니다 .

이 시점에서 문제가 해결되었습니다.