I modified your plugin to temporarily rename all the element ID’s that are being cloned. There is likely a better method of using detach(), but this quick method will solve any conflicts between IDs.
In file ml.responsive.table.js near line 104 change to:
if(settings.enable){
// Display responsive version after table.
$this.after(result);
// Hide table. We might need it again!
$this.hide();
$this.attr('id','temp-'+$this.attr('id'));
$('*', $(this)).each(function() {
$(this).attr('id','temp-'+$(this).attr('id'));
});
} else {
$(".ml-responsive-table").detach();
$this.attr('id',$this.attr('id').replace('temp-'));
$('*', $(this)).each(function() {
var orig_id = $(this).attr('id');
var new_id = orig_id.replace('temp-','');
$(this).attr('id',new_id);
});
// Show table
$this.show();
}
Hi,
Finally could you please precise all the file : ml.responsive.table.js ?
Thanks a lot,
Sandra