[Superset][Table][Rowspan] Table Chart Rowspan 적용하기

table.js에 아래 내용 추가...

datatable.draw();
container.parents('.widget').find('.tooltip').remove();

// 추가

$('#DataTables_Table_0').dataTable().fnFakeRowspan(1);
$('#DataTables_Table_0').dataTable().fnUpdate();

$.fn.dataTableExt.oApi.fnFakeRowspan = function ( oSettings, iColumn, bCaseSensitive ) {
    /* Fail silently on missing/errorenous parameter data. */
    if (isNaN(iColumn)) {
        return false;
    }

    if (iColumn < 0 || iColumn > oSettings.aoColumns.length-1) {
        alert ('Invalid column number choosen, must be between 0 and ' + (oSettings.aoColumns.length-1));
        return false;
    }

    bCaseSensitive = (typeof(bCaseSensitive) != 'boolean' ? true : bCaseSensitive);

    function fakeRowspan () {
        var firstOccurance = null,
            value = null,
            rowspan = 0;
        jQuery.each(oSettings.aoData, function (i, oData) {
            var val = oData._aData[iColumn],
                cell = oData.nTr.childNodes[iColumn];
            /* Use lowercase comparison if not case-sensitive. */
            if (!bCaseSensitive) {
                val = val.toLowerCase();
            }
            /* Reset values on new cell data. */
            if (val != value) {
                value = val;
                firstOccurance = cell;
                rowspan = 0;
            }

            if (val == value) {
                rowspan++;
            }

            if (firstOccurance !== null && val == value && rowspan > 1) {
                oData.nTr.removeChild(cell);
                firstOccurance.rowSpan = rowspan;
            }
        });
    }

    oSettings.aoDrawCallback.push({ "fn": fakeRowspan, "sName": "fnFakeRowspan" });

    return this;
};

결과

더 필요한 부분

"datatables.net-plugins": "^1.10.15",

을 이용해서 하는 방법 찾기..