Tengo mi datatables funcional cuando esta en una resolución alta, pero cuando esta en una pantalla chica no captura los datos del servidor.

Pantalla grande:
[![introducir la descripción de la imagen aquí][1]][1]

Pantalla chica:
[![introducir la descripción de la imagen aquí][2]][2]

Como sino reconociera cada fila correctamente.

Acá la forma en la que creo la tabla con datatables:
<pre><code>var table = $('#table').DataTable({
    destroy: true,
    filter: false,
    processing: true,
    serverSide: true,
    autoWidth: true,
    ajax: {
        url: 'tabla/usuarios',
        global: false,
        method: 'POST',
        data: function (d) {
            d.campo = $('input[name=filter_campo]').val();
            d.perfil = $('select[name=filter_perfil]').val();
            d.estados = $('select[name=filter_estados]').val();
        }
    },
    columns: [
            {data: 0, searchable: false, orderable: false, render: function( data, type, full, meta ){
                return meta.row+1;
            }
        },
        {data: 1},
        {data: 2},
        {data: 10},
        {data: 11},
        {data: 5, 
            render: function( data, type, full, meta ){
                if (data) {
                    return '<input id="toggle" data-info="toggle'+full.id+'" name="my-checkbox" type="checkbox" checked data-toggle="toggle" data-on="Activo" data-off="Inactivo" data-onstyle="success" data-offstyle="danger">';
                }else {
                    return '<input id="toggle" data-info="toggle'+full.id+'" name="my-checkbox" type="checkbox"         data-toggle="toggle" data-on="Activo" data-off="Inactivo" data-onstyle="success" data-offstyle="danger">';
                }
            }
        },
        {data: 9, searchable: false, orderable: false},
    ],
    search: {
        "regex": true
    },
    order: [[1, 'asc']],
    fnDrawCallback: function() {
        $("[name='my-checkbox']").bootstrapToggle();
        $('[data-toggle="popover"]').popover({
            placement : 'top',
            html : true
        }); 
    }
});

editar("#table tbody",table);
</code></pre>

Como obtengo los datos de la tabla al hacer clic en uno de los botones, ej "Editar":
<pre><code>var editar = function(tbody, table){
        $(tbody).on("click","button.editar", function(){
            var data = table.row($(this).parents("tr")).data();
            $('#editar_id').val(data[0]);
            $('#editar_alias').val(data[1]);
            $('#editar_correo').val(data[2]);
            $('#editar_perfil').val(data[8]);
            $('#ModalEditar').modal('show');
            $("#editar-alias").first().focus();
        })
    }
</code></pre>


[La demostración de la web del plugin][3]
 
**Nota:** en el <code>responsive</code> pierde la propiedad el [botón tipo switch][4]


  [1]: https://i.sstatic.net/pGPA2.png
  [2]: https://i.sstatic.net/ABQ74.png
  [3]: https://datatables.net/extensions/responsive/examples/initialisation/ajax.html
  [4]: http://www.bootstrap-switch.org/