Destroy Two-Level Rowgrouping Completely

droiddoes

Hey Everyone,

I just came up with a situation where in i have to destroy the Two-Level Rowgrouping Completely on a button click. But when i destroy ,it leaves some residues of the grouped once.
Here are the screenshots and the code i used to destroy datatables.

[code]
function construct(){

oTable = $('#example').dataTable().rowGrouping({iGroupingColumnIndex2: 1,
sGroupLabelPrefix: "Vehicles - ",
sGroupLabelPrefix2: "Type-",
bHideGroupingColumn2: false});
}


function destroyy(){

oTable.fnDestroy();

}

[/code]







1) Table construction:- http://imageshack.us/photo/my-images/846/55983382.png/

2)Table destruction:-http://imageshack.us/photo/my-images/221/17843188jop.png/

But i want to destroy a simple html table without a pluguin


[code]


Vehicles
Type
Gear System
Owner






On Road


Cars



Geared



Paul







On Road


Cars



Geared



David








On Road


Cars



Geared



John





[/code]