Блог

у меня есть некоторые проблемы с datatable. Некоторые из моих datatable застряли при «обработке»

хотя с некоторыми из них все в порядке.
Вот код с данными, который застрял при «обработке»

 $(function () {

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            buttons: ['excel','pdf'],
            ajax: "https:myurl",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'nama', name: 'nama'},
                {data: 'contact_person', name: 'contact_person'},
                {data: 'telepon', name: 'telepon'},
                {data: 'alamat', name: 'alamat'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ],
            language: { 
                search: '', searchPlaceholder: "Search..." ,
                lengthMenu: '<select class="custom-select custom-select-sm form-control form-control-sm">' 
                            '<option value="10">Show 10 rows</option>' 
                            '<option value="20">Show 20 rows</option>' 
                            '<option value="30">Show 30 rows</option>' 
                            '<option value="40">Show 40 rows</option>' 
                            '<option value="50">Show 50 rows</option>' 
                            '<option value="100">Show 100 rows</option>' 
                            '<option value="500">Show 500 rows</option>' 
                            '<option value="-1">Show All</option>' 
                            '</select>'
            },
            dom: "<'row' <'col-sm-12 col-md-8'l> <'col-sm-12 col-md-4'f B<'toolbar'>>>"  
                "<'row'<'col-sm-12'tr>>"  
                "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
            "buttons": [
                'excel'
            ],
        });

        $(".toolbar").html('<a href="https:myurl" class="dt-button"><i class="fa fa-plus"></i></a>');

    });
  

И вот код, с которым все в порядке

        $(function () {

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "https:myUrl",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'name', name: 'name'},
                {data: 'code_test', name: 'code_test'},
                {data: 'start_time', name: 'start_time'},
                {data: 'end_time', name: 'end_time'},
                {data: 'slug', name: 'slug'},
                {data: 'total', name: 'total'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ]
        });
    });
  

Мне интересно, почему это? Любое предложение было бы действительно оценено. Спасибо