डेटाबेस तालिकाओं में पंक्ति कॉल बैक फ़ंक्शन को जोड़ने के लिए मेरी स्क्रिप्ट में संशोधन कैसे करें

Dec 04 2020

मैं डेटाबेस तालिका में पंक्ति कॉल बैक फ़ंक्शन जोड़ने के लिए अपनी स्क्रिप्ट को संशोधित करने में किसी भी मदद की सराहना करूंगा।

डेटाटेबल्स का उपयोग करके मैं पंक्ति संख्या दिखाना चाहता हूं। मुझे इसी तरह के प्रश्न के उत्तर में @Pehmolelu द्वारा प्रदान किया गया कोड मिला है, लेकिन डेटाबेस और जावास्क्रिप्ट के साथ यह मेरा पहला प्रयास है। मुझे उन्हें एक साथ रखने के लिए वाक्य रचना के बारे में पर्याप्त नहीं पता है। मैं वर्तमान स्क्रिप्ट का उपयोग कर रहा हूं:

<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();
} );

मुझे पता है कि यह बहुत बुनियादी है लेकिन मैं वास्तव में किसी भी मदद की सराहना करूंगा। धन्यवाद

जवाब

Noname Dec 05 2020 at 19:53

मामले में यह किसी और की मदद करता है और @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>