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

layui.table.exportFile 导出数据并清除单元格中的空格

Layui在执行数据导出的时候,会出现部分数据单元格中有空格的情况,下面的方法可以去除掉单元格中的空格,供大家参考!!


function table_export(id,title) {
	//根据传入tableID获取表头
	var headers = $("div[lay-id=" + id + "] .layui-table-box table").get(0);
	var htrs = Array.from(headers.querySelectorAll('tr'));
	var titles = {};
	for (var j = 0; j < htrs.length; j++) {
		var hths = Array.from(htrs[j].querySelectorAll("th"));
		for (var i = 0; i < hths.length; i++) {
			var clazz = hths[i].getAttributeNode('class').value;
			if (clazz != ' layui-table-col-special' && clazz != 'layui-hide') {
				//排除居左、具有、隐藏字段
				//修改:默认字段data-field+i,兼容部分数据表格中不存在data-field值的问题
				titles['data-field' + i] = hths[i].innerText;
			}
		}
	}
	//根据传入tableID获取table内容
	var bodys = $("div[lay-id=" + id + "] .layui-table-box table").get(1);
	var btrs = Array.from(bodys.querySelectorAll("tr"))
	var bodysArr = new Array();
	for (var j = 0; j < btrs.length; j++) {
		var contents = {};
		var btds = Array.from(btrs[j].querySelectorAll("td"));
		for (var i = 0; i < btds.length; i++) {
			for (var key in titles) {
				//修改:默认字段data-field+i,兼容部分数据表格中不存在data-field值的问题
				var field = 'data-field' + i;
				if (field === key) {
					//根据表头字段获取table内容字段
					contents[field] = btds[i].innerText;
				}
			}
		}
		bodysArr.push(contents)
	}
	//将标题行置顶添加到数组
	bodysArr.unshift(titles);
	if(bodysArr.length > 0){
		LAY_EXCEL.exportExcel(bodysArr, title +new Date().toLocaleString()+'.xlsx', 'xlsx');
	} else {
		layer.msg("请选择需要导出的数据!");
	}
}

相关文章:

  • 【学习笔记】【SpringCloud】MybatisPlus 基础使用
  • Linux NFS
  • 【用deepseek和chatgpt做算法竞赛】——还得DeepSeek来 -Minimum Cost Trees_5
  • 自学Java-AI结合GUI开发一个石头迷阵的游戏
  • 人工智能丨OCR 的业务场景,实现原理和测试指标
  • HarmonyOS NEXT 全栈开发实战手册(API 12+)
  • 最新本地部署 DeepSeekR1 蒸馏\满血量化版 + WebOpenUI 完整教程(Ubuntu\Linux系统\Ollama)
  • 编译原理基础(1)
  • 4-知识图谱的抽取与构建-4_2实体识别与分类
  • Tesseract OCR使用
  • linux 麒麟安装人大金仓数据库
  • 革新之力:数字科技——重塑未来的超越想象之旅
  • AI基本知识讲解
  • java项目之超市管理系统设计与实现(源码+文档)
  • HTML项目一键打包工具:HTML2EXE 最新版
  • Lab13_ Visible error-based SQL injection
  • pika 支持的redis接口及兼容情况
  • VUE中的组件加载方式
  • 重构谷粒商城07:Git一小时快速起飞指南
  • Go 之 Beego 配置文件
  • 陕西旱情实探:大型灌区农业供水有保障,大旱之年无旱象
  • 微软将裁员3%,减少管理层
  • 教育部:启动实施县中头雁教师岗位计划,支撑县中全面振兴
  • 农行深圳市分行原副行长王国彪涉嫌严重违纪违法被查
  • 复旦相辉堂上演原创历史人物剧《王淑贞》,胡歌参演
  • 姚洋将全职加盟上海财经大学,担任滴水湖高级金融学院院长