element-plus的el-table组件可以在关闭border的情况下设置resizable表头可拖动吗?

作者站长头像
站长
· 阅读数 11

根据 element-plus 官网描述,如果 el-table 组件设置了 border 属性 true,那么表头则默认可以通过拖动改变宽度,那么如果不给 border 属性 true,有没有办法可以使表头可以拖动呢element-plus的el-table组件可以在关闭border的情况下设置resizable表头可拖动吗?

回复
1个回答
avatar
test
2024-07-13

没有看源码,但是看起来是为了去确定拖动列改变宽度的基准吧。

answer image比如说没有添加的 border 属性的表格是没有列分割的,那么你就不知道应该把鼠标放到何处去拖动改变列宽,因为一般都会给 cell 增加 padding 留白:

添加了 border 之后就可以很明确的表示应该把鼠标放到哪里。answer image

所以 ELe+ 增加了这个限制应该也是处于这样的考量。如果你真的不想要显示这个竖条,你可以在开启 border 属性之后覆写一样 el-tableborder 样式,让边框不显示即可,或者把颜色调浅。这样就可以在保留拖动功能的情况下把边框隐藏掉了。

answer image

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容