JQuery Datatables - поиск и страница не работает

Question

Я следовал инструкциям в документации по использованию таблиц данных, но Поиск не работает, и страница застряла на странице 1.

Все записи отображаются. Ответ со стороны сервера кажется правильным.

HTML

<link rel="stylesheet" type="text/css" href="bootstrap4/DataTables/datatables.css">
<script type="text/javascript" charset="utf8" src="bootstrap4/DataTables/datatables.js"></script>

<a onClick="openList();">Open Dialog</a>
<table id="itwr">
  <thead>
    <tr>
      <th class="itwr_no">IT Work No.</th>
      <th>Summary</th>
      <th>Requested By</th>
      <th>Req. Date</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

JS

function openList(){
  $("#itwr").dataTable({
    "bServerSide": true,
    "lengthChange": false,
    "retrieve":true,
    "sAjaxSource": "dashboard.php?action=getITWR",
    "aoColumns": [{
      "mData": "itwr_no"
    },{
      "mData": "itwr_summary","width": "22%", "bSortable": true
    },{
      "mData": "itwr_requestedby"
    },{
      "mData": "request_date"
    }]
  });
}

PHP

$jsonRes["iTotalRecords"]=$i;
$jsonRes["iTotalDisplayRecords"]=10;
$jsonRes["sEcho"]= 1;
$jsonRes["aaData"]=$data;
echo json_encode($jsonRes);