Как перезагрузить нулевую конфигурацию Bootstrap с данными - PullRequest
Новая
       4

Как перезагрузить нулевую конфигурацию Bootstrap с данными

0 голосов
/ 29 февраля 2020

У меня есть таблица данных ZeroConfiguration на моей странице, которая заполняется динамически.

Это мой html: 

<table class="table table-hover header-border zero-configuration suppliersTable" id="selectedSuppliers">
    <thead>                                                                                             
    <tr>                                                                                                
        <th>Suppliers</th>                                                                              
    </tr>                                                                                               
    </thead>                                                                                            
    <tbody class="suppliersList">                                                                       

    </tbody>                                                                                            
    <tfoot>                                                                                             
    <tr>                                                                                                
        <th>Suppliers</th>                                                                              
    </tr>                                                                                               
    </tfoot>                                                                                            
</table>

Когда страница загружена, будет показано сообщение по умолчанию что в таблице нет данных. Но когда я добавляю элемент, сообщение по умолчанию все еще там. Это мой JavaScript код: 

document.getElementById(DOMStrings.ids.supplierSelect).addEventListener('change', function () {             
    console.log("Supplier: " + this.value);                                                                 
    const template = '<td id="{id}">{text}</td>';                                                           
    const text = $(this).find("option:selected").text();                                                    
    document.querySelector(DOMStrings.supplierList)                                                         
        .insertAdjacentHTML('afterbegin', template.replace('{id}', this.value).replace('{text}', text));    

    $(DOMStrings.suppliersTable).DataTable().ajax.reload(null, true);                                       

});

, но он показывает следующее диалоговое окно с предупреждением: 

DataTables warning: table id=selectedSuppliers - Invalid JSON response. For more information about this error, please see http://datatables.net/tn/1

Как правильно перезагрузить нулевую конфигурацию Bootstrap с данными?

...