jQuery合併同一列中相同文字的相鄰單元格

2022-08-29 02:48:08 字數 1383 閱讀 4378

一、效果圖

二、在html的head中引入jquery

三、新增合併單元格的函式

//

函式說明:合併指定**(**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)

else

else

}});

}//函式說明:合併指定**(**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)

_w_table_firsttd = "";

_w_table_currenttd = "";

_w_table_spannum = 0;

$(_w_table_id + " tr:nth-child(" + _w_table_rownum + ")").each(function

(i)else

if((_w_table_maxcolnum>0)&&(i>_w_table_maxcolnum))

else

else

}});

});}

四、在head中呼叫合併函式合併單元格

$(document).ready(function());

mysql合併同一列資料 mysql合併同一列的值

我有如下的查詢條件顯示 我希望最終顯示的效果如圖 將id相同的group name合併到一行。實現方法 在group name前面加關鍵字group concat.然後在sql語句最後加上group by id.group concat能將同一列的值以逗號分隔開,拼成乙個字串。mysql自帶 第乙個...

mysql合併同一列的值

我有例如以下的查詢條件顯示 我希望終於顯示的效果如圖 將id同樣的group name合併到一行。實現方法 在group name前面加keywordgroup concat.然後在sql語句最後加上group by id.group concat能將同一列的值以逗號分隔開。拼成乙個字串。mysql...

合併同一行內不同列的相同資料

有乙個表 a b c a b b null null d b c y null c a a y r v a null c null null 合併同一行裡的重複資料,合併完後的資料為 a b c null null d b c y a y r v a c 去除重複資料,但是首次出現的順序不變 生成測...