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

关于el-table的扩展表格expand

一、修改el-table的扩展表格expand图标所在列的宽度

<el-table-column width="35" type="expand" :align="'center'"> 正常用width修改即可,默认不给width有时候会很宽。

如果想修改单元格里面的样式,可用如下代码

/* 调整宽度 */

:deep(.el-table__expand-column .cell) {

 width: 30px; /* 调整为你想要的宽度 */

// }

二、修改展开表格的表头样式 ,header-row-class-name=".childHeader"

<ProTable
              ref="childTable"
              :columns="childColumns"
              :data="scope.row.children"
              :tool-button="false"
              :pagination="false"
              :card="false"
              header-row-class-name="childHeader"
            ></ProTable>
:deep(.childHeader > th) {
  background-color: #f5f5f5 !important;
  color: #666 !important;
}


http://www.kler.cn/a/281913.html

相关文章:

  • 高效工具推荐:基于WebGPU的Whisper Web结合内网穿透远程使用指南
  • Siglus引擎 Unpack | 未完待续
  • 01_MinIO部署(Windows单节点部署/Docker化部署)
  • 鸿蒙网络编程系列48-仓颉版UDP回声服务器示例
  • 蜀道山CTF<最高的山最长的河>出题记录
  • 【AlphaFold3】开源本地的安装及使用
  • spring boot 集成es使用
  • day37动态规划+三.Github链接本地仓库
  • [英语单词] feedback
  • Qt QToolButton 和 QPushButton的区别和联系
  • 网络安全技术新趋势:如何应对不断演变的威胁?
  • 【STM32】FMC
  • 设计模式-结构性模式
  • 【mysql】mysql之数据操作语言(insert、delete、update)
  • Selenium的四种部署方式详解
  • redis面试(二十五)CountDownLatch实现
  • PyTorch概述
  • 未来工作场所:知识中台与AI的融合
  • k8s集群环境搭建(一主二从--kubeadm安装)
  • 用ESP32做一个可爱的无用机器人
  • python之多线程和多进程以及threading和multiprocessing模块
  • Java之二维数组
  • 01 初始化vue3项目
  • pytest断言总结
  • 代码随想录算法训练营第58天|拓扑排序精讲、dijkstra(朴素版)精讲
  • docker内安装miniconda