Merge gleich Tabellenzelle mit jQuery

Finden Sie die bessere Antwort für Ihre Abfrage mit der Zeile erweitern/reduzieren. Hier ist mein fiddel:

function MergeGridCells()
{
    var dimension_cells = new Array();
    var dimension_col = null;

    var i = 1;
    //First, scan first row of headers for the "Dimensions" column.
    $("#mytable").find('th').each(function () {
        if ($(this).text() == 'Id') {
            dimension_col = i;
        }
        i++;
    });

    //first_instance holds the first instance of identical td
    var first_instance = null;
    var rowspan=1;
    //iterate through rows
    $("#mytable").find('tr.parent-grid-row').each(function () {

        //find the td of the correct column (determined by the dimension_col set above)
        var dimension_td = $(this).find('td.parent-grid-column:nth-child(' + dimension_col + ')');

        if (first_instance == null) {
            //must be the first row
            first_instance = dimension_td;
        } else if (dimension_td.text() == first_instance.text()) {
            //the current td is identical to the previous
            //remove the current td
            dimension_td.remove();
            ++rowspan;
            //increment the rowspan attribute of the first instance
            first_instance.attr('rowspan', rowspan);
        } else {
            //this cell is different from the last
            first_instance = dimension_td;
            rowspan=1;
        }
    });
}

Jquery Zelle Zusammenführen

InformationsquelleAutor Arasu RRK

Ich streckte carla die Lösung.
Mit zwei Funktionen, die wir Zusammenführen können horizontal oder vertikal
und einschließen oder ausschließen von Zellen miteinander zu verschmelzen.
versuchen Sie, die Beispiel arbeiten. https://jsfiddle.net/bn3u63pe

/*
* merge horizontally
* ex) autoMergeByCol('theTable', 2, 0, 0);
*/
function autoMergeByCol(tableId
        , rowStartIndex //zero or positive
        , colStart      //zero or positive
        , colEnd        //equals to colStart or greater than colStart or negative to go to the end of cols
        ) {
    /*
    console.log('autoMergeByCol tableId=' + tableId
        + ', rowStartIndex=' + rowStartIndex
        + ', colStart=' + colStart
        + ', colEnd=' + colEnd
    );
    */
    var trArr = $('#' + tableId).find('tr');        //rows array
    for(var rowIndex = rowStartIndex ; rowIndex < trArr.length ; rowIndex++) {
    var tdArr = $(trArr[rowIndex]).find('td');  //cols array of the row
    if(colEnd < 0) colEnd = tdArr.length - 1;       //if colEnd is negative, process at the end of the cols;
        for(var colIndex = colStart ; colIndex < tdArr.length && colIndex <= colEnd ; colIndex++) {
            var span = 1;
            var theCell = $(tdArr)[colIndex];
            if($(theCell).attr('rowspan')) {continue;}
            var cellNext = $($(theCell).parent().children()[colIndex + span]);      
            while(cellNext != undefined 
                    && $(theCell).text() == $(cellNext).text()
                    && colIndex + span <= colEnd ) {
                span++;
                cellNext.hide();
                cellNext = $($(cellNext).parent().children()[colIndex + span]);     
            }
            if(span > 1) $(theCell).attr('colspan', span);
        }
    }
}

/*
* merge vertically
* ex) autoMergeByCol('theTable', 2, 0, 0);
*/
function autoMergeByRow(tableId
        , rowStartIndex //zero or positive
        , colStart      //zero or positive
        , colEnd        //equals to colStart or greater than colStart or negative
        ) {
    /*
    console.log('autoMergeByRow tableId=' + tableId
        + ', rowStartIndex=' + rowStartIndex
        + ', colStart=' + colStart
        + ', colEnd=' + colEnd
    );
    */
    var trArr = $('#' + tableId).find('tr');            //rows array
    for(var rowIndex = rowStartIndex ; rowIndex < trArr.length ; rowIndex++) {
        var tdArr = $(trArr[rowIndex]).find('td');  //cols array of the row
        if(colEnd < 0) colEnd = tdArr.length - 1;       //if colEnd is negative, process at the end of the cols;
        for(var colIndex = colStart ; colIndex < tdArr.length && colIndex <= colEnd ; colIndex++) {
            var span = 1;
            var theCell = $(tdArr)[colIndex];
            if($(theCell).attr('colspan')) {continue;}
            var cellBelow = $($(theCell).parent().next().children()[colIndex]);         
            while(cellBelow != undefined 
                    && $(theCell).text() == $(cellBelow).text()) {
                span++;
                cellBelow.hide();
                cellBelow = $($(cellBelow).parent().next().children()[colIndex]);           
            }
            if(span > 1) $(theCell).attr('rowspan', span);          
        }
    }
}

InformationsquelleAutor Dennis Kim