elment-table设置el-table-column的label里面的文字换行居中显示

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

直接上代码:

        <el-table class="ut-mt-2" row-key="company" default-expand-all:data="stateQuery.data" style="width: 100%":tree-props="{ children: 'departList', hasChildren: 'hasChildren' }"><el-table-column prop="date" label="日期" width="100"></el-table-column><el-table-column prop="company" label="公司名称" width="200"> </el-table-column><el-table-column prop="jan" label="部门" width="100" /><el-table-column prop="feb" label="姓名" width="100" /><el-table-column prop="mar" label="身份证号" width="100" /><el-table-column prop="apr" label="手机号码" width="100" /><el-table-column prop="may" :label="'早餐时间\n(8:00-9:00)'" width="120" /><el-table-column prop="jul" :label="'金额\n(餐标13元/次)'" width="120" /><el-table-column prop="jun" :label="'中餐时间\n(11:30-13:00)'" width="120" /><el-table-column prop="jul" :label="'金额\n(餐标30元/次)'" width="120" /><el-table-column prop="aug" :label="'晚餐时间\n(17:20-18:30)'" width="120" /><el-table-column prop="sep" :label="'金额\n(餐标30元/次)'" width="120" /><el-table-column prop="subTotal" label="合计 (元) " width="100" /></el-table>

主要代码:

<el-table-column prop="jul" :label="'金额\n(餐标30元/次)'" width="120" />

注意:label是取一个变量前面有冒号,变量里面取的字符串又单引号,才可正常解析\n为换行字符

文字样式:

/deep/ .el-table .cell {white-space: pre-line!important;text-align: center;
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/209051.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Si24R03—低功耗 SOC 芯片(集成RISC-V内核+2.4GHz无线收发器)

Si24R03是一款高度集成的低功耗SOC芯片&#xff0c;其集成了基于RISC-V核的低功耗MCU和工作在2.4GHz ISM频段的无线收发器模块。 MCU模块具有低功耗、Low Pin Count、宽电压工作范围&#xff0c;集成了13/14/15/16位精度的ADC、LVD、UART、SPI、I2C、TIMER、WUP、IWDG、RTC等丰…

PandoraFMS 监控软件 任意文件上传漏洞复现

0x01 产品简介 Pandora FMS 是用于监控计算机网络的软件。 Pandora FMS 允许以可视化方式监控来自不同操作系统、服务器、应用程序和硬件系统(例如防火墙、代理、数据库、Web 服务器或路由器)的多个参数的状态和性能。 0x02 漏洞概述 PandoraFMS upload_head_image.php 接…

.bat文件设置窗口标题、窗口大小、字体及背景颜色?

设置cmd窗口的标题 1、打开.bat文件编辑 2、输入命令&#xff1a; title&#xff08;窗口标题&#xff09; 比如&#xff1a;title计算机 3、保存 4、双击运行.bat文件 &#xff0c;窗口标题改变成功 改变窗口大小 1、打开.bat文件编辑 2、输入命令&#xff1a; mode co…

Java中的Stream是什么?

在Java中&#xff0c;Stream是一种用于处理集合&#xff08;Collections&#xff09;元素的抽象序列。它允许你在集合上进行不同类型的操作&#xff0c;比如筛选、映射、过滤和归约等。Stream API引入了一种更函数式的编程风格&#xff0c;能够简化集合处理的过程。 Stream并不…

NLP项目实战01之电影评论分类

介绍&#xff1a; 欢迎来到本篇文章&#xff01;在这里&#xff0c;我们将探讨一个常见而重要的自然语言处理任务——文本分类。具体而言&#xff0c;我们将关注情感分析任务&#xff0c;即通过分析电影评论的情感来判断评论是正面的、负面的。 展示&#xff1a; 训练展示如下…

【基于LicheePi-4A的 人脸识别系统软件设计】

参考:https://www.xrvm.cn/community/post/detail?spm=a2cl5.27438731.0.0.31d40dck0dckmg&id=4253195599836418048 1.前言 原先计划做基于深度学习的炸药抓取和智能填装方法研究,但是后来发现板卡不支持pyrealsense2等多个依赖包。因此改变策略,做一款基于LicheePi…

Android Studio的笔记--三元表达式、布尔运算符、与() 或(||) 非(!)

[TOC](三元表达式、布尔运算符、与(&&) 或(||) 非(!)) 表达式 int x 1; int y 2;x < y 结果 true x > y 结果 false x < y 结果 false x > y 结果 true x y 结果 false x ! y 结果 true 布尔运算符 boolean boolean a true; boolean b false; 与…

【Python】列表乘积的计算时间

概述 使用以下三种模式测量了计算列表乘积所需的时间。 使用 for 语句传递list使用math模块使用numpy 下面是实际运行的代码。 import timestart time.time() A [1] * 100000000 ans 1 for a in A:ans * a print("list loop:", time.time() - start)import m…

前端面试提问(4)

1、手撕防抖与节流、树与对象的转换、递归调用&#xff0c;链表头插法 1.1、防抖 防抖函数用于延迟执行某个函数&#xff0c;直到过了一定的间隔时间&#xff08;例如等待用户停止输入&#xff09;后再执行。 即后一次点击事件发生时间距离一次点击事件至少间隔一定时间。 …

笙默考试管理系统-MyExamTest----codemirror(49)

笙默考试管理系统-MyExamTest----codemirror&#xff08;49&#xff09; 目录 笙默考试管理系统-MyExamTest----codemirror&#xff08;49&#xff09; 一、 笙默考试管理系统-MyExamTest----codemirror 二、 笙默考试管理系统-MyExamTest----codemirror 三、 笙默考试…

有哪些已经上线的vue商城项目?

前言 下面是一些商城的项目&#xff0c;需要练手的同学可以挑选一些来练&#xff0c;废话少说&#xff0c;让我们直接开始正题~~ 1、newbee-mall-vue3-app 是一个基于 Vue 3 和 TypeScript 的电商前端项目&#xff0c;它是 newbee-mall 项目的升级版。该项目包含了商品列表、…

内网环境下 - 安装linux命令、搭建docker以及安装镜像

一 内网环境安装docker 先在外网环境下载好docker二进制文件docker二进制文件下载&#xff0c;要下载对应硬件平台的文件&#xff0c;否则不兼容 如下载linux平台下的文件&#xff0c;直接访问这里即可linux版本docker二进制文件 这里下载docker-24.0.5.tgz 将下载好的文件…

计算机存储单位 + 程序编译过程

C语言的编译过程 计算机存储单位 头文件包含的两种方式 使用 C/C 程序常用的IDE 常用的C语言编译器&#xff1a; 在选择编译器时&#xff0c;需考虑平台兼容性、性能优化、调试工具和开发人员的个人偏好等因素。 详细教程可转 爱编程的大丙

Java编程中通用的正则表达式(一)

正则表达式&#xff08;Regular Expression&#xff0c;简称RegEx&#xff09;&#xff0c;又称常规表示法、正则表示、正规表示式、规则表达式、常式、表达式等&#xff0c;是计算机科学中的一个概念。正则表达式是用于描述某种特定模式的字符序列&#xff0c;特别是用来匹配、…

持续集成和持续交付

引言 CI/CD 是一种通过在应用开发阶段引入自动化来频繁向客户交付应用的方法。CI/CD 的核心概念是持续集成、持续交付和持续部署。作为一种面向开发和运维团队的解决方案&#xff0c;CI/CD 主要针对在集成新代码时所引发的问题&#xff08;亦称&#xff1a;“集成地狱”&#…

力扣刷题笔记——反转链表

力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 经典问题反转链表 这里给出四种解法 1.双指针 这种方法是用一个next指针记录当前节点的下一个节点&#xff0c;一个pre指针记录当前节点的前一个节点。 只需要遍历一遍链表就可以完成链表的反转 c…

idea__SpringBoot微服务05——JSR303校验(新注解)(新的依赖),配置文件优先级,多环境切换

JSR303校验&#xff0c;配置文件优先级&#xff0c;多环境切换 一、JSR303数据校验二、配置文件优先级三、多环境切换一、properties多环境切换二、yaml多环境切换————————创作不易&#xff0c;如觉不错&#xff0c;随手点赞&#xff0c;关注&#xff0c;收藏(*&#x…

电脑待机怎么设置?让你的电脑更加节能

在日常使用电脑的过程中&#xff0c;合理设置待机模式是一项省电且环保的好习惯。然而&#xff0c;许多用户对于如何设置电脑待机感到困扰。那么电脑待机怎么设置呢&#xff1f;本文将深入探讨三种常用的电脑待机设置方法&#xff0c;通过详细的步骤&#xff0c;帮助用户更好地…

【C语言期末】题目+笔记

文章目录 题目1.下面哪个不是C语言的基本数据类型&#xff1f;&#xff08; B &#xff09;2.C语言的标识符应以字母或&#xff08; A &#xff09;开头。3.如果需要在C程序里调用标准函数库中的printf函数&#xff0c;则应该在程序的开头包含哪个头文件&#xff1f;&#xff0…

【数据结构】顺序表的定义和运算

目录 1.初始化 2.插入 3.删除 4.查找 5.修改 6.长度 7.遍历 8.完整代码 &#x1f308;嗨&#xff01;我是Filotimo__&#x1f308;。很高兴与大家相识&#xff0c;希望我的博客能对你有所帮助。 &#x1f4a1;本文由Filotimo__✍️原创&#xff0c;首发于CSDN&#x1f4da;。 &…