element ui table 元件 設定表頭前幾個字段固定後導緻的 表格錯位問題的解決

 平台使用的表格元件是vue element-ui的table元件，因為清單展示字段較多，内容較長，是以設定了幾個搜尋項固定在表格前幾列，操作項固定在最後，中間其它項可拖動，結果導緻了表格的拖動項與非拖動項之間的錯位問題，如圖：

 前端樣式方面還不太熟，找的公司同僚幫忙調整，添加了樣式，解決了問題，特此記錄：

table标簽：

<el-table ref="listTable"
                :data="dataList"
                @selection-change="dataListSelectionChangeHandle"
                @sort-change="dataListSortChangeHandle"
                stripe
                highlight-current-row
                border
                style="width: 100%"
                class="afterjustify"
                v-loading="dataListLoading">
           

樣式：

<style >
/*修改子頁面樣式*/
.afterjustify .el-table__fixed-body-wrapper {
  top: 48px !important;
}
</style>
           

效果：