table2csv:将表格转化为csv数据
 参数:一个JSON对象
  {  
    'repeatChar':'拆分单元格填充字符', //默认为null则将单元格值填充到拆分的每个单元格中,如果给定字符串则用给定字符串填充
    'callback':'回调函数'  //传入两个参数(csv,data),分别为csv字符串和data二维数组
  }

(function($){
	$.fn.table2csv=function(option){
		if(option==null) option={};
		if(option.repeatChar=='') option.repeatChar="-";
		//计算行数列数
		var rows=0;	//行
		var cols=0;	//列
		this.find("tr").each(function(){
			rows+=1;
			var tr=$(this);
			var n=tr.find("td,th").length;
			cols=Math.max(cols,n);
		});
		//document.title=("行/列:"+rows+"/"+cols);
		//空数组准备
		var data=new Array();
		for(var i=0;i<rows;i++){
			var line=new Array();
			for(var j=0;j<cols;j++)
				line.push('');
			data.push(line);
		}
		//数据填充
		var i=0;//当前行坐标
		this.find("tr").each(function(){
			var tr=$(this);
			var j=0;//当前列坐标
			tr.find("td,th").each(function(){
				var td=$(this);
				var colspan=1;
				var rowspan=1;
				var value=td.text();
				if(td.attr("colspan")!=null) colspan=parseInt(td.attr("colspan"));
				if(td.attr("rowspan")!=null) rowspan=parseInt(td.attr("rowspan"));
				//定位CSV数组中第一个没有数据的单元格
				for(var p=0;p<data[i].length;p++){
					if(data[i][p]==''){	 j=p; break;	  }
				}
				data[i][j]=value;//填充值
				if(colspan+rowspan==2) return; //如果不是合并单元格,返回并继续each
				//填充单元格区域
				var fic=i+rowspan; //alert(value+i+":"+j);
				for(var fi=i;fi<fic;fi++){
					var fjc=j+colspan; //alert(""+j+"\r\n"+fic+":"+fjc);
					for(var fj=j;fj<fjc;fj++){
						if((fj==j)&&(fi==i)) continue;
						 data[fi][fj]= (option.repeatChar==null)?  value :option.repeatChar;  //alert(test(data));
				    }
				}
			});
			i++;
		});
		//填充完毕
		//生成调试数据
		var str="";
		for(var i in data){
			str+=data[i].join(",");
			str+="\r\n";
		}
		if(option.callback!=null) option.callback(str,data);
	};

	/////////////////////////////////
	$.fn.csv2table=function(param){
		var isarray=param instanceof Array;
		var data=null;
		if(isarray)//数组直接用
			data=param;
		else{//csv字符串则转为数组
			data=new Array();
			var lines=param.split('\r\n');
			for(var i=0;i<lines.length;i++){
				var cells=lines[i].split(',');
				data.push(cells);
			}
		}
		var table="<table border='1'>";
		for(var i=0;i<data.length;i++){
			table+="<tr>";
			var cells=data[i];
			for(var j=0;j<cells.length;j++)
				table+=("<td>"+cells[j]+"</td>");
			table+="</tr>";
		}
		table+="</table>";
		table+=(isarray?"<!--数组-->":"<!--字串-->");
		this.html(table);
	}
})(jQuery);

测试界面(将表格中的内容转为csv,然后再将csv生成为第二个表格):

jQuery Table2CSV插件(表格转CSV) 完美支持colspan和rowspan的更多相关文章

  1. JS table内容转成二维数组,支持colspan和rowspan

    思路:1.先初始化colspan的数据到数组2.根据rowspan和colspan计算th和td的矩阵二次填充数组 说明:需要引用到第三方库jQuery,table中的th和td行和列跨度必须正确 & ...

  2. 推荐10款 好用的 Jquery 评分插件

    Raty jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件.可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数. 地址: Ra ...

  3. jquery水印插件:placeholder

    jquery水印插件:placeholder 有的浏览器支持html5的水印placeholder(如Crome,firefox,ie10+),有的不支持html5的placeholder(ie9,i ...

  4. 使用jQuery.form插件,实现完美的表单异步提交

    传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主 ...

  5. Perfect Scrollbar – 完美的 jQuery 滚动条插件

    Perfect Scrollbar 是一个很小的,但完美的 jQuery 滚动插件.滚动条不会影响原来的设计布局,滚动条的设计是完全可定制的.你可以改变几乎所有的 CSS 样式的滚动条,滚动条设计对脚 ...

  6. AudioPlayer.js,一个响应式且支持触摸操作的jquery音频插件

    AudioPlayer.js是一个响应式.支持触摸操作的HTML5 的音乐播放器.本文是对其官网的说用说明文档得翻译,博主第一次翻译外文.不到之处还请谅解.之处. JS文件地址:http://osva ...

  7. jquery银行电子账单表格填入和编辑插件

    jquery银行电子账单表格填入和编辑 前段时间做的一个银行表格账单的jquery插件,用于金额写入和编辑的应用,希望对大家有所帮助,发现问题欢迎回复 ;(function($){ function ...

  8. 15 个最佳的 jQuery 布局插件【转】

    英文原文:15 Best jQuery Grid Plugins for Developers 现如今,网站开发设计的需求会要求自动适应所有移动设备,即响应式网站: 在开发网站时必须考虑对平板设备融合 ...

  9. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

随机推荐

  1. nyoj 845 无主之地1

    无主之地1 时间限制:1000 ms  |  内存限制:65535 KB 难度:0   描述 子晓最近在玩无主之地1,他对这个游戏的评价不错,结合了FPS与RPG元素,可玩度很高.不过,他发现了一代的 ...

  2. 转载总结 C# 多态(虚方法,抽象,接口实现)

    前言:我们都知道面向对象的三大特性:封装,继承,多态.封装和继承对于初学者而言比较好理解,但要理解多态,尤其是深入理解,初学者往往存在有很多困惑,为什么这样就可以?有时候感觉很不可思议,由此,面向对象 ...

  3. 7个改变世界的Java项目

    Java的开源生态系统是强大而健康的,这是我们(Oreilly)创建OSCON Java(Open Source Convention Java)的主要原因之一.在过去10年中,一些项目已经被广泛接受 ...

  4. 【54】让自己熟悉包括TR1在内的标准程序库

    1.C++0X,不确定哪一年出来,意指200X版的C++ 2.C++标准程序库的主要机能有:STL,iostreams,locals等. 3.TR1:Technical Report 1,只是一份规范 ...

  5. Sublime Text 3 安装插件管理 Package Control

    自动安装: 1.通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台 2.粘贴对应版本的代码后回车安装 适用于 Sublime Text 3: import   ...

  6. Codeforces Round #319 (Div. 1) C. Points on Plane 分块

    C. Points on Plane Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/576/pro ...

  7. [MODx] 5. WayFinder

    1. Install the wayFinder package 2. Select the resource which you want to show: The 'published' reso ...

  8. QQ强制视频聊天

    QQ强制视频聊天 http://ike.126.com   现在,使用QQ的用户已经非常多,QQ聊天已经成了大家的家常便饭,除了跟自己和朋友和同事等熟悉的人聊天外,跟陌生的网友聊天也占了相当大的比例, ...

  9. 关于 ioctl 的 FIONREAD 參数

    ioctl 是用来设置硬件控制寄存器,或者读取硬件状态寄存器的数值之类的.而read,write 是把数据丢入缓冲区,硬件的驱动从缓冲区读取数据一个个发送或者把接收的数据送入缓冲区. ioctl(ke ...

  10. Google maps API开发(一)(转)

    一.加载Google maps API <script type="text/javascript" src="http://ditu.google.com/map ...