Javascript datatable中每行的索引数据数

我想在数据表中创建和显示数字排序升序数据，如图所示

我在数据库和json数据中没有排序数据编号 这是我的代码：

$(document).ready(function() {
        $('#dataya').DataTable({
             lengthChange: false,
             ajax: {
                     url: "http://localhost/jdih_webservice/api/xxxx",
                     dataSrc: ""
             },
             columns: [
                     { data: "id_dokumen"},
                     { data: "judul"},
                     { data: "subjek"}
             ],
             select: true
        });
    $('#search').click(function(){
      var start_date = $('#start_date').val();
      var end_date = $('#end_date').val();
                var myTable = $('#dataya').DataTable({
            "paging": true,
            "lengthChange": true,
            "searching": true,
            "ordering": true,
            "info": true,
                    "bDestroy": true,
            "autoWidth": true,
            "data": [],
            "columns": [{
                "title": "ID",
                "data": "id_dokumen"
            }, {
                "title": "Judul",
                "data": "judul"
            }, {
                "title": "Subjek",
                "data": "subjek"
            }],
                    "order": [[ 1, 'asc' ]]
        });

      if(start_date != '' && end_date !='')
      {
        var startDate = new Date(start_date);
                    var tglmulai = startDate.getFullYear();
        var endDate = new Date(end_date);
                    var tglselesai = endDate.getFullYear();
        let url = 'http://localhost/jdih_webservice/api/xxxx';
        fetch(url)
        .then(res => res.json())
        .then((out) => {
            var resultProductData = out.filter(function(a) {
            var createdAt = new Date(a.tgltetap);
                            var tgldata = createdAt.getFullYear();
              if( tgldata >= tglmulai && tgldata <= tglselesai ) return a;
            });
                            myTable.clear();
                            $.each(resultProductData, function (index, value) {
                          myTable.row.add(value);
                        });
                        myTable.draw();
        })
        .catch(err => { throw err });

      }
    });
  });

有人能帮忙吗，所以谢谢你 如果您不忙的话，可以在JSFIDLE中创建/构建此代码，并且应该做您想做的事情。它为索引使用了一个附加列：

dataTable.on( 'order.dt search.dt', function () {
       dataTable.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
           cell.innerHTML = i+1;
       } );
} ).draw();

---

分享一下你所拥有的triedor你能不能给我一个生成数字索引的代码，让我的代码有问题欢迎来到StackOverflow！请确保添加最小的可验证代码段，以便其他人查看并理解您的问题。有关如何创建的详细信息，请参见