关于 ElementUI 表格中的CheckBox 点击后发生偏移跟CheckBox后出现小圆点的问题

~-小白菜-~

已于 2022-08-28 20:58:22 修改

阅读量1.6k

点赞数 7

CC 4.0 BY-SA版权

文章标签： elementui 前端 javascript

于 2022-08-28 20:55:13 首次发布

本文链接：https://blog.youkuaiyun.com/AIHBK/article/details/126574144

本文介绍了ElementUI表格组件中CheckBox选中偏移及后方出现小圆点的问题，并提供了通过调整宽度来解决这些问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在自己使用ElementUI的表格时遇到了两个问题，出现这两个问题的原因都是同一个问题导致的—宽度不足
1、CheckBox选中时出现偏移问题

<el-table-column
  type="selection"
  width="25"> 
 //当宽度小于30的时候会出现向左偏移问题
 </el-table-column>

2、CheckBox后出现一个实心小圆点

<el-table-column
  type="selection"
  width="30"> 
 //当宽度等于30的时候会在选择框后出现一个小圆点
 </el-table-column>

解决方法：以上两个问题，将宽度设置为大于30即可解决