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

element-plus中table组件的使用

1、table组件的基本使用

注意:

①对象集合,要从后端查询。

②prop是集合中的对象的属性名;label是表格表头的名称。

2、将性别一列的71转为男,72转为女

问题描述:

解决步骤:

①将el-table-column变成双标签。

②使用<template #default></template>插槽,来自定义列的内容。

③接收table表格的本行内容row,并根据性别的值row.gender,使用三目运算符,来计算出具体性别。 

效果展示:

3、列超出范围,显示省略号

应用场景: 

操作步骤:在对应列的标签,加上show-overflow-tooltip属性即可。

效果展示:

4、如何固定某一列?

操作步骤:在对应列的标签,加上fixed属性即可。 

效果展示: 

5、如何将一行中,两列的内容,拼到一列?

问题描述: 

操作步骤:

展示效果: 

 


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

相关文章:

  • APIC 是什么?深度解析高级可编程中断控制器
  • ubuntu-学习笔记-nginx+php
  • 项目管理软件分类有哪些
  • 蓝桥杯—走迷宫(BFS算法)
  • 【算法】经典排序算法介绍+代码示例
  • 蓝破云可以实现500M以下文件的百度云到阿里云的转存的云计算服务平台(大约每天50个的限制)
  • JavaScript性能优化
  • 江科大51单片机笔记【14】直流电机驱动(PWM)
  • 2001-2023年上市公司数字化转型年报词频统计(年报词频统计和MDA词频统计两种方式)(吴非、赵宸宇、甄红线300+关键词三种方法)
  • 产城融合典范:树莓科技如何助力宜宾数字经济腾飞​
  • PyTorch中Tensor对象的属性和方法
  • MATLAB中hilbert函数用法
  • 深度学习基础:线性代数的本质1——深入理解向量
  • MySQL中的Performance Schema性能监控组件
  • 【AI基础】从零开始:Chroma向量数据库构建高效AI应用全攻略
  • 5G基本概念
  • ROS实践(二)机器人模型描述文件urdf
  • 面试之《原型与原型链》
  • LLM剪枝代码解释与实现
  • 企业4A数字化架构演进与治理方案(122页PPT)