当前位置:   article > 正文

Vue Element-ui table隐藏表头勾选框,多选框改单选框_elementui table 不显示表头选择框

elementui table 不显示表头选择框

在table中添加class = "table-style"

在style里添加 样式

  1. .table-style /deep/ .el-table-column--selection.is-leaf .el-checkbox {
  2. display: none;
  3. }

以上可以将table中表头的勾选框隐藏!!!

在table中添加事件   @select="selectCur"。

在methods中编写事件

  1. selectCur(selection, row){
  2. console.log('selection, row',selection, row);
  3. this.$refs.multipleTable.clearSelection();
  4. if (selection.length == 0) return;
  5. this.$refs.multipleTable.toggleRowSelection(row, true);
  6. },

以上就是将table的多选改成单选!!!

前端小白,纯手搓。

如果对各位有用,请点赞,谢谢激励。

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/460582
推荐阅读
相关标签
  

闽ICP备14008679号