elementui 表格格式化

简介: elementui 表格格式化


  1. 在el-table里添加formatter,绑定方法
<el-table-column prop="sex" label="姓名" width="180" :formatter="formatterSex"></el-table-column>
  1. methods中加入格式化实现
formatterSex(val){
  console.log(val.sex);
  if(val.sex== '0'){
    return "女"
  } else{
    return "男"
  }
}


相关文章
|
2月前
|
JavaScript
vue中有关表格中的表格头中添加悬浮提示的ui问题
vue中有关表格中的表格头中添加悬浮提示的ui问题
18 1
|
2月前
elementui实现表格单选功能
elementui实现表格单选功能
12 0
|
6月前
|
JavaScript
element-ui表格数据样式及格式化案例
element-ui表格数据样式及格式化案例
|
前端开发 JavaScript API
在 Vue3 + Element Plus 中生成动态表格,动态修改表格,多级表头,合并单元格
在 Vue 中,表格组件是使用频率及复杂度排名第一的组件,前端经常需要根据后台返回的数据动态渲染表格,比如动态表格如何生成,因为表格的列并不是固定的,在未知表格具体有哪些列的场景下,前端如何动态渲染表格数据。又或者需要把表格单元格进行合并处理,比如第一列是日期,需要把相同的日期进行合并,这样表格看起来会更加清晰。 本文手把手教你如何在 Vue3 + Element Plus 中创建表格、生成动态表格、创建动态多级表头、表格行合并、列合并等问题。如果你正在搭建后台管理工具,又不想处理前端问题,推荐使用卡拉云 ,卡拉云是新一代低代码开发工具,可一键接入常见数据库及 API ,无需懂前端,仅需拖拽即
2488 0
|
8月前
|
JavaScript 前端开发
vue3中将表格导出excel的方法(极简且有效)
vue3中将表格导出excel的方法(极简且有效)
250 0
|
8月前
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头,两种方式需求不一样,大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
335 0
|
5月前
|
JavaScript
vue表格列表导出excel
vue表格列表导出excel
23 0
|
6月前
element-ui表格数据样式及格式化
element-ui表格数据样式及格式化
|
7月前
64EasyUI 表单 - 格式化下拉框
64EasyUI 表单 - 格式化下拉框
17 0
文档格式化与排版
3.5 文档格式化与排版 3.5.1 设置字符格式 1、设置字体 在Word2010文档中,可以设置字符格式,如设置字体、字形、字号、字符间距、颜色、特殊效果、下划线等 设置的位置: 开始选项卡一字体组 字体对话框 悬浮工具栏 2.设置字符间距 字符间距:字符间距是指各字符间的距离 位置:字体对话框——高级选项卡 3、设置文本突出显示 文本突出显示”突出显示”功能。 位置: 在“字体”组中或悬浮工具栏上单击“以不同颜色突出显示文本”按钮 4、格式刷 格式刷是实现快速格式化的重要工具。格式刷可以将字符和段落的格式复制到其他文本上。 位置: 1、开始一剪贴板组-格式刷