DataTable Header not aligned on Bootstrap Modal

jimboy

Hi,

Why is the header not aligned on a Bootstrap Modal?

see code here: http://jsfiddle.net/1aeur58f/1/

Thanks,

jimboy

sorry, new link here...https://jsfiddle.net/9yxj7wrf/

jimboy

The issue only happens if I set "scrollY".

Rob Brun

Hi jimBoy have you tried this one

$('#myModal').on('shown.bs.modal', function (e) {
        $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
    });

I do not use the scroll y option in any of my apps so I do not know if this will be effective for you. But, when using dataTables in bootstrap 3 Modal, I don't know about 4, this straightens me out.

Shay

jimboy

Thank You Rob, you nailed it.

sbaig

Cheers Rob !