Responsive table some column not collapse

saif hesham

I use datatable by external api and then add new rows when i got data

Datatable setting

            `jQuery(document).ready(function() {
                    var urlDelete = '';
                    var invoiceId = 0;
                   var invoiceTable = jQuery('#responsive-data-table').DataTable({
                    "aLengthMenu": [[20, 30, 50, 75, -1], [20, 30, 50, 75, "All"]],
                    "pageLength": 20,
                    "dom": '<"row justify-content-between top-information"lf>rt<"row justify-content-between bottom-information"ip><"clear">',
                    'language': {
                        "lengthMenu": "@lang('app.show') _MENU_",
                        "zeroRecords": "@lang('app.no_result')",
                        "info": "@lang('app.show') @lang('app.page') _PAGE_ @lang('app.of') _PAGES_",
                        "infoEmpty": "@lang('app.no_result')",
                        "infoFiltered": "(@lang('app.search') @lang('app.from') _MAX_ @lang('app.total_record'))",
                        'search'    : '@lang("app.search")',
                    }
                   });`

Then when i got data from api , i add new rows to table but some column not collapse
invoiceTable.rows.add(items).draw( true );

colin

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