Jquery DataTable not working on report section

The datatable not working on report section: the jquery and datatable plugin loaded and no error on console.

 "use strict";
        var app = {
            main: function () {
                "use strict";
                app.execute();
                 app.pluginn()
            },
            execute: function () {
                var table = "";
                table = $('.table').DataTable({
                    processing: true,
                    dom: 'Bfrtip',

                    buttons: [
                        {
                            extend: 'excel',
                            exportOptions: {
                                columns: ':visible'
                            }
                        }
                    ],
                    'rowCallback': function (nRow, aData, iDisplayIndex) {
                        $("td:first", nRow).html(iDisplayIndex + 1);
                        return nRow;
                    },
                    //"order"       : [ [ 0, 'asc' ] ],
                    scrollY: 200,
                    deferRender: true,
                    scroller: {
                        loadingIndicator: true
                    }
                    "initComplete": function (settings, json) {
                    },
                });
            },
            searchInit() {

            },
             pluginn() {
                if ($(".select_2").length > 0) {
                    $(".select_2").select2({});
                }

            }
        };
        window.addEventListener('load', function () {
            app.main();
        });

But seems working on employee list. In Employee section db result fetched as json , the report section, it only fetch via query using mysql db

via Chebli Mohamed