Necesito mostrar elementos únicos de datos ya enlazados en esa tabla html usando JQuery o JavaScript . Mostrar un valor único significa combinar las celdas que tienen el mismo valor en las filas. Los datos de la tabla son dinámicos pero la estructura es fija.

Entonces, aquí se da la tabla:

Aquí, necesito fusionar las celdas de color rojo como se muestra a continuación.

Y la tabla requerida es:

Entonces, necesito lograr que esta celda se fusione a través de Jquery o javascript . Como esta tabla se crea con una tabla HTML y los datos ya están vinculados en ella. Al usar estos datos vinculados, necesito lograr la tabla requerida. Necesito fusionar más columnas como esta.

He intentado algo de codificación pero no funciona correctamente. El código es:

 jQuery('tr.tblRow').each(function(i, obj) { current_name = jQuery(obj).text(); var current_name_arr = current_name.split(/\t|\n| /); /* check for repeated names */ if (current_name_arr[22] == last_selected_compNo) { jQuery("td.headingSpas:contains('" + current_name_arr[22] + "')").each(function(index, object) { if (index == 0) { /* check if already has rowspan attribtue */ row_span = jQuery(object).attr('rowspan') ? jQuery(object).attr('rowspan') : 1; /* add one */ row_span++; /* include the new rowspan number */ jQuery(object).prop('rowspan', row_span); } else if(index < 2) { /* delete the other first name cells */ jQuery(object).remove(); } }); } }

Por favor, ayúdame.