BootstrapTable, подходящих записей не найдено

В течение нескольких дней я занят, решая следующее. Я хотел бы загрузить таблицу начальной загрузки через клик в <div>, Моя ситуация:

index.php

<div id="page-content">
<div id="data" class="animated"></div> on page load, loaddata
<div id="table" class="animated">
<table id="report-table" data-toggle="table"></table>
</div> hidden, onclick hide #data and show #table
</div>

loaddata.php

$tab_id = $_POST['tab_id'];
$tab_name = $_POST['tab_name'];

$selectTabbladen = $gebruiker_data->runQuery("SELECT * FROM documenten LEFT JOIN relaties ON documenten.relatie_id = relaties.relatie_id LEFT JOIN clienten ON documenten.clienten_id = clienten.clienten_id WHERE documenten.tab_id = $tab_id ORDER BY document_datum");

if (!$selectTabbladen->execute()) return false;

if ($selectTabbladen->rowCount() > 0) {
$tabblad_data = array();
while ($tabdata = $selectTabbladen->fetch()) {
$tabblad_data[] = array(
"id"                  => $tabdata['id'],
"document_soort"      => $tabdata['document_soort'],
"voornaam"            => $tabdata['voornaam'],
"relatie_naam"        => $tabdata['relatie_naam'],
"tabblad"             => $tabdata['document_status'],
"status"              => $tabdata['document_status'],
"aanmaak_datum"       => $tabdata['document_datum'] = date('d M Y H:i:s'),
"laatst_gewijzigd"    => $tabdata['document_datumgewijzigd'] = date('d M Y H:i:s'),
);
}

print '</tbody>
</table>

';


$json_data = json_encode($tabblad_data);

print_r ($json_data);
}

Аякса

    $('body').on('click', '.tab_data', function () {
content.hide();
$('#dataa').show();

var tab_id = $(this).attr("id");

$.ajax({
type: "POST",
url: "loaddata.php",
data: {
tab_id: tab_id
},
dataType:"json",
success : function(data) {
$('#report-table').bootstrapTable({
data: data

});
}
});
});

В результате я получаю:
Совпадающих записей не найдено

Не могли бы вы мне помочь. Что я делаю неправильно?