element-ui 表格表头禁用全选功能
2020-02-17 04:49
225 查看
element-ui 貌似没有提供禁用全选的属性或者方法
所以只能我们自己动手来禁用全选了
第一种情况,直接不用显示全选按钮,那我们可以这么做
.el-table__header-wrapper .el-checkbox{//找到表头那一行,然后把里面的复选框隐藏掉 display:none }
下面是效果图
element提供了一个全选的事件
select-all 当用户手动勾选全选 Checkbox 时触发的事件
所以我们要是想要它不能全选可以这么写
第二中利用全选方法,清除选择
<el-table ref="multipleTable" @select-all="onSelectAll"> </el-table> <script> methods: { onSelectAll () { this.$refs.multipleTable.clearSelection()//这个是清除所有选择项,当选择全部时,清除所有选择项 } } </script>
- 点赞 1
- 收藏
- 分享
- 文章举报
![](https://g.csdnimg.cn/static/user-reg-year/1x/1.png)
相关文章推荐
- XMLHttpRequest Level 2 使用指南
- XMLHttpRequests规范文档
- HBuilder的常用快捷键
- intelliJ idea自动生成UID
- 连接数据库提示: 'Client does not support authentication protocol requested by server
- JSON 用Iterator 遍历key 和value
- 【Uinty】物理基础
- elementUI table表头错位问题
- Document is missing mandatory uniqueKey field: id解决方案
- 灵活实用require.js,让JS加载速度更流畅
- UGUI 5.0 一些笔记
- uicollectionview 不调用cellForItemAtIndexPath
- UIViewController
- 学习基于LABVIEW的Arduino开发设计 ——8*8LED点阵转圈圈
- That would lead to questions
- STL--priority_queue--自定义数据类型
- Pytorch中的RNN之pack_padded_sequence()和pad_packed_sequence()
- UITableView 编辑(一个实现了添加 删除功能的iOS通讯录)
- preLaunchTask "build" 已终止,退出代码为1
- ValueError: cannot reshape array of size 4385 into shape (877,5,5)