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

vxe-table配合Export2Excel导出object类型数据{type,count}。表格数据呈现是利用插槽,导出只要count该怎么做

先贴一张数据来:

一、然后是vxe-grid的columns配置:

然后就正常用封装好的Export2Excel就行。

碰到一次在控制台报错:
没复现出来,大概就说是count咋样咋样。

以后碰到的话再说,各位要用的话也注意看看

二、或者
用js的动态赋值属性


比如我上图的finish
①、
        假设vxe-grid的columns配置的field,我自设为finishCount或者别的
        我就在data查询得到的数据中
        循环创一个属性,item['finishCount'] = item.finish.count
②、
        参考一这种方式,你可以正常把vxe-grid的columns配置的field设置为null或者别的
        然后在vxe-grid获取表格列配置时
        var tableColumns = proxy.$refs['VxeGrid'].getTableColumn().collectColumn
        你log出来看看这部分数据,然后把field=finishCount
        后面一样的item['finishCount'] = item.finish.count

③、
        让后端给你反一个新的属性用就完事了

我是全栈觉得用一、方便我就用了,报错碰到后面再说,复现没出来

另外的一些遇到过的导出处理

1、我之前改的导出不是这问题,而是动态列。之前也写动态列,不过没写全,在这里补下:


        一个接口回数据,同时返回动态列去和vxe-grid的columns配置push(他们是一起,分页时会让动态列缺失或多余,所以我直接改了查询最大值。理想状态是一个接口返回数据,一个接口返回动态列有哪些,这部分后端不归我动,索性查询最大值,确保动态列返回正常)

        push完之后操作:proxy.$refs["fcVxeGrid"].loadColumn(xGridColumns);刷新一下表列配置

然后用的二②方式

接手改之前它展示在table中的数据也是用的插槽,导出还有数据:
        当时想的是列的field不与字段对应也行,但是不能为null或者undefined

        (我自己写的那个就赋值的null,用插槽,但是我没数据。可他有)

2、合并表格,基本上搜一下就有

我贴下我改的封装方法吧

我这里的leng判断的是我的数据行数,
好像是因为最后一行是后端自己返回的特殊数据行,不能进行汇总。不太记得了

相关文章:

vxe-table配合Export2Excel导出object类型数据{type,count}。表格数据呈现是利用插槽,导出只要count该怎么做

先贴一张数据来: 一、然后是vxe-grid的columns配置: 然后就正常用封装好的Export2Excel就行。 碰到一次在控制台报错: 没复现出来,大概就说是count咋样咋样。 以后碰到的话再说,各位要用的话也注意看看 二、或者 用js…...

Java面试题(主要分清区别!!!)

RequestBody和ResponseBody的区别? RequestBody:接收json或xml数据 ResponseBody的:返回json或xml数据 RestController和Controller的区别? Controller:默认返回的是jsp页面 RestController:返回的是一个js…...

OD_2024_C卷_200分_2、石头剪刀布【JAVA】【逻辑分析】

题目描述 石头剪刀布游戏有 3 种出拳形状:石头、剪刀、布。分别用字母A、B、C表示。 游戏规则: 出拳形状之间的胜负规则如下: A > B; B > C; C > A; “>” 左边一个字母,表示相对…...

矩阵求导笔记

文章目录 1. ML中为什么需要矩阵求导2. 向量函数与矩阵求导初印象3. YX 拉伸术3.1 f(x)为标量,X为列向量3.2 f(x)为列向量,X 为标量3.3 f(x)为列向量,X 为列向量 4. 常见矩阵求导公式4.1 Y A T X YA^TX YATX4.2 Y X T A X YX^TAX YXTAX 1…...

全量知识系统问题及SmartChat给出的答复 之19 关于演示模板

Q.60 可参考的演示模版 (word-def occupiedinterest 5type EBsubclass SEBtemplate (script $Demonstrateactor nilobject nildemands nilmethod (scene $Occupyactor nillocation nil))fill (((actor) (top-of *actor-stack*))((method actor) (t…...

Linux学习——线程的控制

目录 ​编辑 一,线程的创建 二,线程的退出 1,在子线程内return 2,使用pthread_exit(void*) 三,线程等待 四,线程获取自己的id值 五,线程取消 六,线程分离 一,线程的创建 在对…...

Rust常用特型之Drop特型

Rust常用特型之Drop特型.md在Rust标准库中,存在很多常用的工具类特型,它们能帮助我们写出更具有Rust风格的代码。 今天,我们主要学习Drop特型。 (注:本文更多的是对《Programing Rust 2nd Edition》的自己翻译和理解&…...

嵌入式 Linux 学习

在学习嵌入式 Linux 之前,我们先来了解一下嵌入式 Linux 有哪些东西。 1. 嵌入式 Linux 的组成 嵌入式 Linux 系统,就相当于一套完整的 PC 软件系统。 无论你是 Linux 电脑还是 windows 电脑,它们在软件方面的组成都是类似的。 我们一开电…...

Makedown语法

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个…...

SQLite语句

1.重写SQLiteOpenHelper // 例. public class MySQLiteOpenHelper extends SQLiteOpenHelper {public MySQLiteOpenHelper(Nullable Context context, Nullable String name, Nullable SQLiteDatabase.CursorFactory factory, int version) {super(context, name, factory, ve…...

Spring揭秘:Aware接口应用场景及实现原理!

内容概要 Aware接口赋予了Bean更多自感知的能力,通过实现不同的Aware接口,Bean可以轻松地获取到Spring容器中的其他资源引用,像ApplicationContext、BeanFactory等。 这样不仅增强了Bean的功能,还提高了代码的可维护性和扩展性&…...

校园小情书微信小程序,社区小程序前后端开源,校园表白墙交友小程序

功能 表白墙卖舍友步数旅行步数排行榜情侣脸漫画脸个人主页私信站内消息今日话题评论点赞收藏 效果图...

从Pandas到Polars :数据的ETL和查询

对于我们日常的数据清理、预处理和分析方面的大多数任务,Pandas已经绰绰有余。但是当数据量变得非常大时,它的性能开始下降。 本文将介绍如何将日常的数据ETL和查询过滤的Pandas转换成polars。 图片 Polars的优势 Polars是一个用于Rust和Python的Data…...

Node.Js编码注意事项

Node.js 中不能使用 BOM 和 DOM 的 API,可以使用 console 和定时器 APINode.js 中的顶级对象为 global,也可以用 globalThis 访问顶级对象 浏览器端js的组成 Node.js中的JavaScript组成 相比较之下发现只有console与定时器是两个API所共有的&#xff…...

floodfill算法题目

前言 大家好,我是jiantaoyab,在下面的题目中慢慢体会floodFill算法,虽然是新的算法,但是用的思想和前面的文章几乎一样,代码格式也几乎一样,但不要去背代码 图像渲染 https://leetcode.cn/problems/flood…...

AI相关的实用工具分享

AI实用工具大赏:赋能科研与生活,探索AI的无限可能 前言 在数字化浪潮汹涌而至的今天,人工智能(AI)已经渗透到我们生活的方方面面,无论是工作还是生活,都在悄然发生改变。AI的崛起不仅为我们带…...

K8s — PVC|PV Terminating State

在本文中,我们将讨论PV和PVC一直Terminating的状态。 何时会Terminting? 在以下情况下,资源将处于Terminating状态。 在删除Bounded 状态的PVC之前,删除了对应的PV,PV在删除后是Terminting状态。删除PVC时,仍有引用…...

C语言 --- 指针(5)

目录 一.sizeof和strlen对比 1.sizeof 2.strlen 3.strlen 和sizeof的对比 二.数组和指针笔试题目详解 回顾:数组名的理解 1.一维数组 2.字符数组 代码1: 代码2: 代码3: 代码4: 代码5: 代码6&am…...

Android Studio Iguana | 2023.2.1版本

Android Gradle 插件和 Android Studio 兼容性 Android Studio 构建系统基于 Gradle,并且 Android Gradle 插件 (AGP) 添加了一些特定于构建 Android 应用程序的功能。下表列出了每个版本的 Android Studio 所需的 AGP 版本。 如果特定版本的 Android Studio 不支持…...

并查集(蓝桥杯 C++ 题目 代码 注解)

目录 介绍: 模板: 题目一(合根植物): 代码: 题目二(蓝桥幼儿园): 代码: 题目三(小猪存钱罐): 代码: …...

Springboot 实现多数据源(PostgreSQL 和 SQL Server)连接辟

一、环境准备 Free Spire.Doc for Python 是免费 Python 文档处理库,无需依赖 Microsoft Word,支持 Word 文档的创建、编辑、转换等操作,其中内置的 Markdown 解析能力,能高效实现 Markdown 到 Doc/Docx 格式的转换,且…...

2026年04月11日最热门的开源项目(Github)

根据提供的榜单,这里是对各个项目的分析和趋势观察: 1. 热门语言分析 Python 是榜单中最常用的编程语言(例如:NousResearch/hermes-agent, microsoft/markitdown, OpenBMB/VoxCPM等),显示出Python在开发代…...

ArcGIS分区统计:从矢量边界到栅格数据的多维度指标提取

1. ArcGIS分区统计工具入门指南 第一次接触ArcGIS的分区统计功能时,我被它强大的数据处理能力惊艳到了。这个工具就像是一个智能的数据提取器,能够帮我们从复杂的空间数据中快速获取关键指标。想象一下,你手里有一张全国温度分布图&#xff0…...

银行数据中心基础设施建设与运维管理【1.1】

1. 3 银行数据中心建设的基本原则 银行数据中心建设在安全生产前提下的发展趋势是 “高效运行、 节能环保”。 为了充分满足银行 IT 设备数量和管理规范性要求都不断增加的需要, 银行在开展数据中心建设过程中, 必须严格遵循各项技术特性和规范标准要求, 以达到集约化、 模…...

【CANNBot学习周】4.13~4.16入门课程来袭

经历了上一期“CANNBot发布:畅享算子开发新体验”,相信你对解锁智能化昇腾CANN算子开发已经跃跃欲试。 CANNBot学习周入门课程来袭,包含4门从易到难的实操课程,带你从 0 到 1 掌握核心技能!课程覆盖Ascend C、PyPTO和…...

MySQL进程监控与优化:高效查询与资源释放指南

1. MySQL进程监控基础:从入门到精通 刚接触MySQL数据库管理时,我最头疼的就是遇到服务器突然变慢的情况。后来才发现,学会查看和管理MySQL进程是解决问题的关键第一步。就像医院里的监护仪能显示病人生命体征一样,MySQL也提供了多…...

别再只会用DS18B20了!用STM32+PT100搭建高精度测温系统,从电桥原理到代码实现的深度解析

STM32PT100高精度测温系统:从电桥设计到代码优化的全链路实践 在工业控制、实验室设备和精密制造领域,温度测量的准确性往往直接影响产品质量和生产效率。虽然DS18B20等数字温度传感器因其即插即用特性广受欢迎,但当测量精度要求达到0.3℃甚至…...

STM32实战:打造物联网智能充电桩安全监控系统

1. 为什么充电桩需要安全监控系统? 最近几年,小区里的电动车越来越多,充电桩也跟着遍地开花。但你可能不知道,充电桩在封闭空间里工作其实存在不少安全隐患。去年我们小区地下车库就发生过一起充电桩过热引发的险情,幸…...

CPLEX 2210 Linux安装指南:Python 3.7~3.10环境配置详解

1. 为什么选择CPLEX 2210? 如果你正在寻找一个强大的数学优化求解器,CPLEX绝对是个不错的选择。作为IBM旗下的商业优化软件,CPLEX在解决线性规划、混合整数规划等问题上表现优异。最新发布的2210版本对Python 3.7到3.10提供了更好的支持&…...

OBS智能背景移除插件:无需绿幕的终极虚拟背景解决方案

OBS智能背景移除插件:无需绿幕的终极虚拟背景解决方案 【免费下载链接】obs-backgroundremoval An OBS plugin for removing background in portrait images (video), making it easy to replace the background when recording or streaming. 项目地址: https://…...