html - 如何修改我的脚本以在数据库表中添加行回调函数

Question

如能帮助我修改脚本以在数据库表中添加行回调函数，我将不胜感激。

我想使用数据表显示行号。我找到了@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();
} );

我知道这是非常基础的，但我非常感谢任何帮助。谢谢

Answer 1

如果它对其他人有帮助，研究来自@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>