Responsive column widths

Kcchouette

I think I have a similar problem than https://datatables.net/forums/discussion/29553/responsive-column-widths

• I have a long content in a column I want to show (51 char)
• And so in responsive mode, it's break:
• I use jquery 3.3.1 / bootstrap 4.3.1 / datatables 1.10.19 (with extension for bootstrap4 and responsive and rowreorder boostrap4 and responsive boostrap4)
• My config file for datatable is like that:

$('#sortableTable').DataTable({
            "iDisplayLength": 50,
            "aLengthMenu": [[50, 100, 250, -1], [50, 100, 250, "All"]],
            "columnDefs": [
                { "searchable": false, "targets": [2, 3] },
                { "orderable": false, "targets": 1 },
                { "width": "40%", "targets": [0, 1] }
            ],
            rowReorder: {
                selector: 'td:nth-child(2)'
            },
            responsive: true
});

How can I deal with that?

Thanks in advance!

colin

Hi @Kcchouette ,

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