Column width not working when it has 'show extra/detailed information'

damints

I'm trying to define the size of all columns in a table with "show extra", but I haven't succeeded yet.

This is my js, calling the table.

var table = $('.table-detailed').DataTable({
        "columns": [{
                className: 'details-control',
                orderable: false,
                data: null,
                defaultContent: '<span class="bt-details"></span>'
            },
            {},{},{},{},{},{},{},{},{},{}
        ],
        fixedColumns: true,
        ordering: false,
        paging: false,
        info: false,
        searching: false,
        dom: 'Bfrtip',
        buttons: [{
                extend: 'excel',
                text: 'Baixar .xls'
            },
            {
                extend: 'pdf',
                text: 'Baixar .pdf'
            }
        ]
    })

If I try to put a 'width' : '30%', nothing happens (the table renders normally).

Can someone help me?

colin

Hi @damints ,

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin