el-table固定列與中間顯示空白樣式問題


使用el-table的固定列后,出現固定列與表格中間部分斷裂的空白樣式問題:

 

 

 

 仔細檢查代碼后,發現列的寬度是固定的,把列的寬度設置成最小寬度就可以了

 1 <el-table-column label="操作"fixed="right" width="150" align="center" class-name="small-padding fixed-width">
 2               <template slot-scope="scope">
 3                 <el-button
 4                   size="mini"
 5                   type="text"
 6                   icon="el-icon-edit"
 7                   @click="handleEdit(scope.row)"
 8                   v-hasPerm="['product_edit']"
 9                 >修改
10                 </el-button>
11                 <el-button
12                   size="mini"
13                   type="text"
14                   icon="el-icon-view"
15                   @click="setDetailData(scope.row)"
16                   v-hasPerm="['product_detail']"
17                 >詳情
18                 </el-button>
19               </template>
20 </el-table-column>

更改后的代碼是這樣的:

 

 最后,問題解決


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM