VUE element-ui之table表格全选框(复选框)隐藏

简介: VUE element-ui之table表格全选框(复选框)隐藏

步骤:

简单粗暴,先为表格加类名:

<el-table
      ref="table"
      v-loading="crud.loading"
      :data="crud.data"
      class="order"
      border
      style="width: 100%;"
      :header-cell-style="{padding: '',background:'#F6F7FC',color:'#333333', textAlign: 'center'}"
      :cell-style="{textAlign: 'center'}"
      @selection-change="crud.selectionChangeHandler"
    >

直接样式里怼:

<style scoped>
  /deep/.order .el-table__header-wrapper  .el-checkbox{
    display:none
  }
</style>
//注意:deep不能少,少了scoped会污染其他表格。

看效果:
在这里插入图片描述

相关文章
|
19天前
|
JavaScript
Vue.js中使用作用域插槽实现自定义表格组件
Vue.js中使用作用域插槽实现自定义表格组件
|
2月前
|
资源调度 JavaScript 前端开发
将Elementui里的Table表格做成响应式并且和Pagination分页组件封装在一起(Vue实战系列)
将Elementui里的Table表格做成响应式并且和Pagination分页组件封装在一起(Vue实战系列)
|
2月前
|
JavaScript
VUE里修改element-ui的显示层次与上下间隔
VUE里修改element-ui的显示层次与上下间隔
32 1
|
2月前
|
JavaScript
vue3表格编辑(数据回显)和删除功能实现
vue3表格编辑(数据回显)和删除功能实现
29 1
|
2月前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
37 1
|
2月前
|
JavaScript
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
100 1
|
2月前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
54 2
|
2月前
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
110 1
|
JavaScript 索引
vue——element-ui中的表格和分页器连接起来
vue——element-ui中的表格和分页器连接起来
428 0
|
2天前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
6 0