I have two Datatables:
transportInterfaceTable = $('#transportsInterfaceList').DataTable
transportAttachedInterfacesTable= $('#transportsInterfaceAttached').DataTable

I'm copying rows from transportInterfaceTable to transportAttachedInterfacesTable using select extension.
The row is added to the Datatable transportAttachedInterfacesTable but without the data as the error is returned: Requested unknown parameter '0' for row 1, column 0.

I'm using this code to do that:

$(document).on('click', '#attachInterfaceBTN', function(){
// Get selected rows data as an array
var data = transportInterfaceTable.rows( {selected: true} ).data().toArray();
console.log(data);
// Add selected rows to table2
transportAttachedInterfacesTable.rows.add( data ).draw();
});

The console log returns this correct data:

[{…}]
0:
capacity: "n/a"
description: "No Attach"
interfacename: "ATM1/0"
ipaddress: "0.0.0.0"
status: "In Service"
tipo: "Local Loop A"
[[Prototype]]: Object
length: 1
[[Prototype]]: Array(0)

Code for each Datatable:

var transportAttachedInterfacesTable= $('#transportsInterfaceAttached').DataTable({
                //retrieve: true,
                dom: '<lf<t>ip>',
                serverSide: true,
                destroy: true,
                select: true,
                language: {
                    emptyTable: "Hostname doesn't exist!"
                },
                ajax: {
                    url: rotta1
                },
                columns: [
                            { data: 'interfacename', name: 'interfacename', className: "textCenter" },
                            { data: 'ipaddress', name: 'ipaddress', className: "textCenter" },
                            { data: 'description', name: 'description', className: "textCenter" },
                            { data: 'tipo', name: 'tipo', className: "textCenter" },
                            { data: 'capacity', name: 'capacity', className: "textCenter" },
                            { data: 'status', name: 'status', className: "textCenter",
                                render: function(data, type, row, meta){
                                    // some code
                                }
                            },
                            {
                                data: 'interfaceID', 
                                orderable: false,
                                searchable: false,
                                defaultContent: '',
                                checkboxes: {
                                selectRow: true,
                                }, 
                            },
                        ],
                        select: {
                            style: 'multi',
                        }
            });

var transportInterfaceTable = $('#transportsInterfaceList').DataTable({
                dom: "<'row'<'col-sm-4'f><'col-sm-2'r><'col-sm-4'l><'col-sm-2 bottoneModifica'>>" +
                    "<'row'<'col-sm-12't>>" +
                    "<'row'<'col-sm-6'i><'col-sm-6'p>>",
                serverSide: true,
                destroy: true,
                select: true,
                language: {
                    emptyTable: "Hostname richiesto non esiste!"
                },
                ajax: rotta,
                columns: [
                            { data: 'interfacename', name: 'interfacename', className: "textCenter" },
                            { data: 'ipaddress', name: 'ipaddress', className: "textCenter" },
                            { data: 'description', name: 'description', className: "textCenter" },
                            { data: 'tipo', name: 'tipo', className: "textCenter" },
                            { data: 'capacity', name: 'capacity', className: "textCenter" },
                            { data: 'status', name: 'status', className: "textCenter",
                                render: function(data, type, row, meta){
                                    // some code
                                }
                            },
                            {
                                //data: 'id', 
                                data: 'interfaceID',
                                orderable: false,
                                searchable: false,
                                defaultContent: '',
                                checkboxes: {
                                selectRow: true,
                                }, 
                            },
                        ],
                select: {
                    style: 'multi',
                }
            });

HTML has identical tables.

Can you explain to me why having identical Datatables in the definition of the columns the error is returned: Requested unknown parameter '0' for row 1, column 0.
And please how could I fix it?
Thanck's in advance
Regards

Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide