Как изменить мой скрипт, чтобы добавить функцию обратного вызова строки в таблицах базы данных

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

Используя таблицы данных, я хочу показать номер строки. Я нашел код, предоставленный @Pehmolelu в ответ на аналогичный вопрос, но так как это моя самая первая попытка работы с базами данных и javascript. Я недостаточно знаю синтаксис, чтобы собрать их вместе. Сценарий, который я сейчас использую:

<script> type="text/javascript">
                
          $(document).ready(function(){
                $('table').DataTable({          
                   searching:true, 
                   ordering:false,
                   paging:true,
    "bLengthChange": false,
                   lengthMenu:[31], 
 
                })
            });
</script>

Вот что, я думаю, покажет номер строки, предоставленный @Pehmolelu:

var index = iDisplayIndex +1;
$('td:eq(0)',nRow).html(index);
return nRow;

И я знаю, что это включает в себя добавление:

"fnRowCallback": function( nRow, aData, iDisplayIndex )

Я также пробовал этот код, но этот код показывает номер строки для каждой строки, поэтому, если есть сто строк, он покажет 1-100. Я хочу, чтобы он работал с нумерацией страниц. Итак, если установить 20 строк на страницу, на каждой странице будут отображаться строки 1-20.

$(document).ready(function() {
    var t = $('table').DataTable( {
        "columnDefs": [ {
        
            "searchable": false,
            "orderable": false,
            "targets": 0
        } ],
        "order": [[ 1, 'asc' ]]
    } );
 
    t.on( 'order.dt search.dt', function () {
        t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
            cell.innerHTML = i+1;
        } );
    } ).draw();
} );

Я знаю, что это очень просто, но я был бы очень признателен за любую помощь. Спасибо


html jquery database-table
person Community    schedule 04.12.2020    source источник
comment
вы ищете что-то вроде этот или это   -  person Pirate    schedule 04.12.2020
comment
Спасибо за ваш вклад @Pirate, но это не работает с тем, что я пытаюсь сделать. Спасибо   -  person    schedule 05.12.2020

Ответы (1)


arrow_upward
0
arrow_downward

На случай, если это поможет кому-то еще, и изучение информации от @Pirate, вот что я нашел, работает.

<script> type="text/javascript">
                
$(document).ready(function(){
                $('#table').DataTable({
                    
                   searching:true, 
                   ordering:false,
                   paging:true,
                   "bLengthChange": false,
                   lengthMenu:[31], 
                "fnRowCallback": function (nRow, aData, iDisplayIndex) {
 var index = iDisplayIndex +1;
$('td:eq(0)',nRow).html(index);
return nRow;
}   

                });
                
            });

</script>
person Community    schedule 05.12.2020