頁面中使用多個組件拼接頁面，如果頁面中有表格的，也許表頭一欄會受其他組件的影響會出現表頭錯誤問題，嘗試多種方法后終於用如下方法得以解決： body .el-table th.gutter{ display: table-cell!important; } ...

解決方法: ...

頁面中多組件開發時，如果頁面中有表格的，table表格頭出現表頭錯亂 ...

在使用 el-table的時候 會遇到表頭與內容不對齊的情況 只需要在樣式中加入 ...

動圖效果可參考：https://www.jianshu.com/p/33175c3a6ba4 ...

element UI 官方文檔有一個 :render-header 的方法 渲染自定義結構用的是 vue 的h函數 也就是render 函數寫法 //html <el-table ...

在使用VUE進行系統開發，常用的UI框架就是elementUI框架，在對金錢數字處理的時候，往往右對齊體驗更佳，數據右對齊相對比較容易，稍微麻煩的就是單獨的表頭也要右對齊，下面就簡單記錄下： 代碼示例： 效果示例： 到此結束 ...

需要實現的效果如圖，表格頭部合並成一排。 因為總共是4列，所以colSpan =4表示合並4列 頭部給個高度，居中一下就ok啦 ...