当前位置： 首页 > article >正文

​el-table去除表格表头多选框或者更换为文字​

article 2024/10/10 6:58:10

多选框那一列加label-class-name

1

<el-table-column type="selection" width="55"  label-class-name="DisabledSelection" :reserve-selection="true"></el-table-column>

style加样式

1

2

3

4

5

6

7

8

9

10

11

/*表格全选框去除空框*/

.el-table >>> .DisabledSelection .cell .el-checkbox__inner {

  display: none;

  position: relative;

}

/*表格全选框改为：选择*/

.el-table >>> .DisabledSelection .cell:before {

  content: "选择";

  position: absolute;

  left: 7px;

}


http://www.kler.cn/news/340896.html

相关文章：

  • 【嵌入式软件-STM32】STM32简介
  • 物联网：一种有能力重塑世界的技术
  • 毕业设计选题：基于ssm+vue+uniapp的科创微应用平台小程序
  • Vue集成echarts实现统计图表
  • 【公共祖先】二叉树专题
  • Clickhouse之更新表（ReplacingMergeTree）
  • k8s各类控制器详解
  • RecBole：AttributeError: module ‘ray.tune’ has no attribute ‘report’
  • Ansible 中的 Role
  • PyTorch搭建GNN(GCN、GraphSAGE和GAT)实现多节点、单节点内多变量输入多变量输出时空预测
  • 快速生成单元测试
  • 常用的devops工具集成方法
  • C# 基于winform 使用NI-VISA USB口远程控制电源 万用表
  • vue中的keep-alive用过吗？什么是keep-alive？
  • Python 工具库每日推荐【Pillow】
  • 开源的键鼠共享工具「GitHub 热点速览」
  • 网络安全-Wireshark抓包的TCP三次握手
  • Ubuntu下Typora的安装与配置激活
  • 数据结构前置知识(上)
  • C/C++解析文件名和目录路径