php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码，ONE 已经生成的数据表格大致 - phpStudy...

一时失言乱红尘 2023-01-13 12:56 132阅读 0赞

基于jQuery的合并表格中相同文本的相邻单元格的代码

ONE

已经生成的数据表格大致内容如下：

地区

商品代码

商品名称

数量

有效期至

距效期(月)

产品批号

规格

单位

条形码

广东

深圳

00028

红花油

广东

深圳

00028

红花油

广东

深圳

00028

红花油

广东

广州

00027

白花油

广东

广州

00028

红花油

广东

深圳

00028

红花油

广东

深圳

00028

红花油

广东

深圳

00028

红花油

广东

深圳

00028

红花油

需要将前四列具有相同文本的相邻单元格进行自动合并，合并后如下：

地区

商品代码

商品名称

数量

有效期至

距效期(月)

产品批号

规格

单位

条形码

广东

深圳

00028

红花油

广州

00027

白花油

00028

红花油

深圳

1、在html的head中引入jQuery

2、添加合并单元格的函数

复制代码 代码如下:

//函数说明：合并指定表格(表格id为\_w\_table\_id)指定列(列数为\_w\_table\_colnum)的相同文本的相邻单元格

//参数说明：\_w\_table\_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ，此参数应为 \#data

//参数说明：\_w\_table\_colnum 为需要合并单元格的所在列。为数字，从最左边第一列为1开始算起。

function \_w\_table\_rowspan(\_w\_table\_id,\_w\_table\_colnum)\{

\_w\_table\_firsttd = "";

\_w\_table\_currenttd = "";

\_w\_table\_SpanNum = 0;

\_w\_table\_Obj = $(\_w\_table\_id + " tr td:nth-child(" + \_w\_table\_colnum + ")");

\_w\_table\_Obj.each(function(i)\{

if(i==0)\{

\_w\_table\_firsttd = $(this);

\_w\_table\_SpanNum = 1;

\}else\{

\_w\_table\_currenttd = $(this);

if(\_w\_table\_firsttd.text()==\_w\_table\_currenttd.text())\{

\_w\_table\_SpanNum++;

\_w\_table\_currenttd.hide(); //remove();

\_w\_table\_firsttd.attr("rowSpan",\_w\_table\_SpanNum);

\}else\{

\_w\_table\_firsttd = $(this);

\_w\_table\_SpanNum = 1;

\});

//函数说明：合并指定表格(表格id为\_w\_table\_id)指定行(行数为\_w\_table\_rownum)的相同文本的相邻单元格

//参数说明：\_w\_table\_id 为需要进行合并单元格的表格id。如在HTMl中指定表格 id="data" ，此参数应为 \#data

//参数说明：\_w\_table\_rownum 为需要合并单元格的所在行。其参数形式请参考jQuery中nth-child的参数。

// 如果为数字，则从最左边第一行为1开始算起。

// "even" 表示偶数行

// "odd" 表示奇数行

// "3n+1" 表示的行数为1、4、7、10.

//参数说明：\_w\_table\_maxcolnum 为指定行中单元格对应的最大列数，列数大于这个数值的单元格将不进行比较合并。

// 此参数可以为空，为空则指定行的所有单元格要进行比较合并。

function \_w\_table\_colspan(\_w\_table\_id,\_w\_table\_rownum,\_w\_table\_maxcolnum)\{

if(\_w\_table\_maxcolnum == void 0)\{\_w\_table\_maxcolnum=0;\}

\_w\_table\_firsttd = "";

\_w\_table\_currenttd = "";

\_w\_table\_SpanNum = 0;

$(\_w\_table\_id + " tr:nth-child(" + \_w\_table\_rownum + ")").each(function(i)\{

\_w\_table\_Obj = $(this).children();

\_w\_table\_Obj.each(function(i)\{

if(i==0)\{

\_w\_table\_firsttd = $(this);

\_w\_table\_SpanNum = 1;

\}else if((\_w\_table\_maxcolnum>0)&&(i>\_w\_table\_maxcolnum))\{

return "";

\}else\{

\_w\_table\_currenttd = $(this);

if(\_w\_table\_firsttd.text()==\_w\_table\_currenttd.text())\{

\_w\_table\_SpanNum++;

\_w\_table\_currenttd.hide(); //remove();

\_w\_table\_firsttd.attr("colSpan",\_w\_table\_SpanNum);

\}else\{

\_w\_table\_firsttd = $(this);

\_w\_table\_SpanNum = 1;

\});

3、在html的head中调用合并函数合并单元格

复制代码 代码如下:

$(document).ready(function()\{

\_w\_table\_rowspan("\#spdata",4);

\_w\_table\_rowspan("\#spdata",3);

\_w\_table\_rowspan("\#spdata",2);

\_w\_table\_rowspan("\#spdata",1);

\});

// -->

php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码，ONE 已经生成的数据表格大致 - phpStudy...

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript合并网页表格中内容相同的相邻单元格

相关 EasyExcel合并单元格（同列相同数据合并）

相关 ASP.NET中GridView实现相同数据的单元格合并

相关 elementui——表格的相同内容单元格合拼（合并）

相关 php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码，ONE 已经生成的数据表格大致 - phpStudy...

相关 Excle中合并相同数据的单元格后，依然保持原有单元格数据内容，取消单元格合并后显示原有数据内容

相关 JQuery实现相同内容合并单元格

相关用jQuery合并表格中相同文本的相邻单元格

相关表格及合并单元格

相关 html表格合并单元格