When using the "responsive" function the property loses components of some columns.

pabloc00000

How could I solve it?

When the table is complete they are displayed correctly, but when they go to responsive they lose the property they have. The components are:
http://www.bootstraptoggle.com/
http://getbootstrap.com/javascript/#popovers-examples

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 '';
                }else {
                    return '';
                }
            }
        },
        {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
        }); 
    },
    language: {
        "url": "js/idioma_espaniol_datatables.js"
    }
    }
});