Uses HTML data attributes to set rowspan in DataTables.net

fnFakeRowspan.js

$.fn.dataTableExt.oApi.fnFakeRowspan = function (oSettings) {
    _.each(oSettings.aoData, function(oData) {
      var cellsToRemove = [];
      for (var iColumn = 0; iColumn < oData.nTr.childNodes.length; iColumn++) {
        var cell = oData.nTr.childNodes[iColumn];
        var rowspan = $(cell).data('rowspan');
        var hide = $(cell).data('hide');

        if (hide) {
          cellsToRemove.push(cell);
        } else if (rowspan > 1) {
          cell.rowSpan = rowspan;
        }
      }
      // Remove the cells at the end, so you're not editing the current array
      _.each(cellsToRemove, function(cell) {
        oData.nTr.removeChild(cell);
      });
    });

    oSettings.aoDrawCallback.push({ "sName": "fnFakeRowspan" });
      
    return this;
};

can you make an example how to use it ? data-rowspan="3" and data-hide its just delete and dont make it in 3 rows

This is deleting all rows......Please let me know how I can use it

if anyone want to rowspan more than one row change script like this

if (firstOccurance !== null && firstOccurance !== undefined && val == value && rowspan > 1) {
//oData.nTr.removeChild(cell);
$(oData.nTr.childNodes[iColumn]).hide(); // hide rows
firstOccurance.rowSpan = rowspan;
}

now you can use like this

$("#example").dataTable().fnFakeRowspan(0);
$("#example").dataTable().fnFakeRowspan(1);
$("#example").dataTable().fnFakeRowspan(2);
$("#example").dataTable().fnFakeRowspan(3);