Question

我想在数据表中创建并显示数字排序升序数据，如此图所示 index number

而且我没有对数据库中的数据编号和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 });

      }
    });
  });

有人可以帮忙吗？，非常感谢也许如果您不忙可以在jsfiddle中创建/构建

Answer 1

此代码来自DataTables thread，应执行您想要的操作。它为索引使用了另一列：

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

数据表中每一行的索引数据数

1 个答案: