Предупреждение DataTables: table id = bootstrap-data-table - Неверный ответ JSON - Плагин DataTables JS

Question

Я получаю следующую ошибку при использовании WebMethod в приложении веб-формы:

Предупреждение DataTables: идентификатор таблицы = таблица данных начальной загрузки - неверный JSON ответ. Для получения дополнительной информации об этой ошибке, пожалуйста, см. http://datatables.net/tn/1

Это происходит при нажатии кнопки в моем коде Jquery при попытке отобразить мои данные в таблице DataTables. Кто-нибудь может посоветовать, чего мне не хватает?

Jquery:

document.getElementById("openReqMenuButton").onclick = function () {
            jQuery(document).ready(function () {
                jQuery('#bootstrap-data-table').DataTable({
                    "processing": true,
                    "serverSide": true,
                    'searching': true,
                    'sort': true,
                    "ajax": {
                        "url": "/Pages/Requisitions.aspx/GetOpenRequisitionData",
                        "type": "POST"
                    },
                    "columns": [
                        { 'data': 'ReqId' },
                        { 'data': 'RequisitionTitle' },
                        { 'data': 'City' },
                        { 'data': 'Country', },
                        { 'data': 'DateCreated' },
                    ]
                });
            });
        };

HTML

<table id="bootstrap-data-table" class="display" style="width:100%">
   <thead>
       <tr>
          <th class="sorting" tabindex="0" aria-controls="bootstrap-data-table" rowspan="1" colspan="2">ReqId</th>
          <th class="sorting" tabindex="0" aria-controls="bootstrap-data-table" rowspan="1" colspan="2">Requisition Title</th>
          <th class="sorting" tabindex="0" aria-controls="bootstrap-data-table" rowspan="1" colspan="2">City</th>
          <th class="sorting" tabindex="0" aria-controls="bootstrap-data-table" rowspan="1" colspan="2">Country</th>
          <th class="sorting" tabindex="0" aria-controls="bootstrap-data-table" rowspan="1" colspan="2">Date Created</th>
       </tr>
    </thead>
 </table>

Answer 1

Попробуйте добавить тег tbody. Я думаю, что это требуется для DataTables:

<div>
    <table id="myTable" class="table table-striped table-bordered" style="width:100%">
        <thead>
            <tr>
                <th>Identifier</th>
                <th>Description</th>
            </tr>
        </thead>
        <tbody id="TableBody"></tbody>
    </table>
</div>