el-table各種樣式兼容問題解決方案

/* 
************************************
* 1.邊框消失：被固定欄遮擋：上/下/左/右
* 2.調整邊距后問題：線條偏差錯位：標題與內容不對齊（右側固定欄多出內容：需要設置自適應寬度）
* 3.操作欄按鈕高度不夠:表格行間距是padding：6px 0;按鈕內邊距是：7px 15px
************************************
*/
//設置高優先，以覆蓋內聯樣式
.el-table >.el-table__fixed-right {
  height: 100% !important; 
  right: -1px;
  border-right: 1px solid #D8D8D8;
}
// 表格邊框缺失問題：其實是表格線條顏色加深問題，無法識別
.el-table__fixed::before, .el-table__fixed-right::before {
  background-color: #D8D8D8;
}

// 縮放錯位：
 body .el-table th.gutter{
   display: table-cell!important;
 }
 body .el-table colgroup.gutter{
   display: table-cell!important;
 }
//  表格與內容變形
 body .el-table--border th.gutter:last-of-type { 
   display: block!important;
   width: 17px!important;
 }
 
 body table {
   width: 100% !important;
 }
 // 使表格兼容safari，不錯位
 body .el-table__body {  
   width: 100%;
   table-layout: fixed !important;
 }