Плагин с данными Ajax для разбивки на страницы

Похоже, вы используете более старую версию, поэтому вам нужно будет использовать:

$('#tbl_loket').createTable( {
   "ajax": "<?=site_url('penilaian/report/get_data')?>",
    "columns": [
        { "data": "date_in" },
        { "data": "nama" },
        { "data": "keterangan" },
        { "data": "sangat_puas" },
        { "data": "puas" },
        { "data": "tidak_puas" },
        { "data": "total" },
        { "data": "nilai" },
    ],
    "bPaginate": true,
    "bLengthChange": true,
    // Set to 10 results
    "pageLength" : 10,
    // Optional, it'll include '10' in the dropdown menu
    "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "All"] ]
    "bFilter": false,
    "bInfo": true,
    "bAutoWidth": false,
    "pagingType": "full_numbers",
    "paging": true,
});

Не забудьте использовать метод 'draw()' после внесения изменений в таблицу - если вы этого не сделаете, он не отразит изменения немедленно.

Вы должны установить iDisplayLength в своем коде,

"iDisplayLength": 10

Вот Источник.

Итак, ваш источник должен выглядеть так

$('#tbl_loket').createTable( {
    "ajax": "<?=site_url('penilaian/report/get_data')?>",
    "columns": [
        { "data": "date_in" },
        { "data": "nama" },
        { "data": "keterangan" },
        { "data": "sangat_puas" },
        { "data": "puas" },
        { "data": "tidak_puas" },
        { "data": "total" },
        { "data": "nilai" },
    ],
    "bPaginate": true,
    "bLengthChange": true,
    "bFilter": false,
    "bInfo": true,
    "bAutoWidth": false,
    "pagingType": "full_numbers",
    "paging": true,
    "iDisplayLength": 10
} );

Для DataTables версии 1.10.5 и новее

<table data-page-length='25'>
</table>

Для DataTables версии 1.10 и новее

"pageLength": 50

Для DataTable старше версии 1.10

"iDisplayLength": 50

Если все это не работает, не могли бы вы предоставить возврат ajax? Содержит ли ваш возврат ajax recordsFiltered и recordsTotal? Возможно, было возвращено неправильное значение. Например, он говорит, что показывает 1-10 из 15 записей, но на странице 1 есть 15 записей, и я предполагаю, что на странице 2 вообще нет записей?

Если вам нужна только разбивка на страницы... просто введите этот код.

$("#table_id").DataTable({
    "paging":true,
    "dom": 'lBfrtip',
    "scrollX": true,    
}); 

Если вы извлекаете данные из формы ajax. используйте этот код... Внесите изменения по своему усмотрению

$.ajax({
    type: 'POST',
    url         : YOUR_URL,
    data        : {'ids':ids,'start':start, 'end':end},
    timeout     : 30000,
    success     : function (e) {
        $("#table_id").DataTable({
            "paging":true,
            "dom": 'lBfrtip',
            "scrollX": true,    
        });                 
    }       
});

Еще одна вещь

<?php ?> instead of <?= ?>