कैसे हटाने योग्य में पृष्ठ पर अंक लगाना

Question

मैं jQuery में नया हूँ। मैंने ग्रिड में डेटाटैबल्स का उपयोग किया है लेकिन पेजिंग की आवश्यकता नहीं है।

एक पृष्ठ में आदेशों की एक सूची है और मैं उन्हें एक डेटाटेबल ग्रिड में दिखाता हूं लेकिन नीचे मैं पृष्ठांकन नहीं दिखाना चाहता। क्या jQuery लाइब्रेरी पर थोड़ा अनुकूलन का उपयोग करके डेटा टेबल से पेजिनेशन को हटाने या छिपाने का कोई तरीका है।

मैंने इसे अनुकूलित करने की कोशिश की लेकिन मुझे इसे करने की बहुत कम विधियाँ मिलीं।

अग्रिम में धन्यवाद।

Comments

आप किस विधि या प्लगइन का उपयोग कर रहे हैं?

— नेरल जूल

Answer 1

आपको "bPaginate": false,अपने कंस्ट्रक्टर मापदंडों को पास करने वाले कॉन्फ़िगरेशन ऑब्जेक्ट में शामिल होना चाहिए । जैसा कि यहाँ देखा गया है: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

Comments

अगर मैं अपने डेटा की केवल 100 पहली लाइनें प्रदर्शित करना चाहता हूं, तो bPaginate काम नहीं करता है, क्योंकि यह मेरे iDisplayLength पैरामीटर की परवाह किए बिना सभी डेटा को प्रदर्शित करता है। क्या आप जानते हैं कि इससे कैसे बचा जाए?

— एलेक्सिस डुफ्रेनॉय

सही होने पर मुझे सही करें लेकिन यदि आप केवल पहले 100 आइटम दिखाते हैं और पृष्ठांकन अक्षम करते हैं, तो उपयोगकर्ता के पास निम्न परिणाम प्रदर्शित करने का कोई तरीका नहीं है। यदि ऐसा है, तो आपको सीधे डेटा स्रोत बदलने की कोशिश करनी चाहिए । यह एक अलग मुद्दा लगता है इसलिए आपको एक नया प्रश्न खोलने पर विचार करना चाहिए और हमें अपना कुछ कोड देना चाहिए।

— nstCactus

दरअसल, यह एक खोज फ़ंक्शन के लिए है, और मुझे एक संदेश प्रदर्शित करने की भी आवश्यकता है, जिसमें उपयोगकर्ता को अपने खोज मानदंडों को बदलने की आवश्यकता है क्योंकि बहुत अधिक लाइनें पुनर्प्राप्त की गई थीं। रिकॉर्ड के लिए, मैंने डेटाटैबल्स फोरम पर पूछा, और समाधान एक विकल्प जोड़ने के लिए है: sDom = lfrt (बिना "पेज" के, बिना किसी पेजेंट के)। उपयोगी हो सकता है ...

— एलेक्सिस डुफ्रेनॉय

Answer 2

निर्णायक स्थिति

DataTables 1.9 के लिए

bPaginateपेजिंग को निष्क्रिय करने के लिए विकल्प का उपयोग करें ।

$('#example').dataTable({
    "bPaginate": false
});

DataTables के लिए 1.10+

pagingपेजिंग को निष्क्रिय करने के लिए विकल्प का उपयोग करें ।

$('#example').dataTable({
    "paging": false
});

कोड और प्रदर्शन के लिए यह jsField देखें ।

रिमूव पेजिनेशन कंट्रोल और लेव पेजिनेशन एनैबल्ड

DataTables 1.9 के लिए

sDomकॉन्फ़िगर करने के लिए विकल्प का उपयोग करें कि कौन से नियंत्रण तत्व पृष्ठ पर दिखाई देते हैं।

$('#example').dataTable({
    "sDom": "lfrti"
});

DataTables के लिए 1.10+

domकॉन्फ़िगर करने के लिए विकल्प का उपयोग करें कि कौन से नियंत्रण तत्व पृष्ठ पर दिखाई देते हैं।

$('#example').dataTable({
    "dom": "lfrti"
});

कोड और प्रदर्शन के लिए यह jsField देखें ।

Comments

1.10+ के लिए, data-paging='false'तालिका तत्व पर निर्दिष्ट करना भी काम करेगा।

— जेरॉमी फ्रेंच

Answer 3

यह काम कर रहा है

कोड के नीचे प्रयास करें

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})

Answer 4

$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

मैंने इसका उपयोग करके अपनी समस्या हल कर ली है।

Answer 5

$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

इस कोड को आज़माएं

Answer 6

यदि आप पृष्ठांकन हटाना चाहते हैं, लेकिन डेटाटेबल का ऑर्डर करना चाहते हैं, तो इस स्क्रिप्ट को अपने पेज के अंत में जोड़ें!

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>

Answer 7

यहां एक विकल्प है जो कई अन्य उत्तरों पर एक वृद्धिशील सुधार है। मान लिया गया है कि सेटिंग्स। डायनेमिक मेन्यू बहु-आयामी नहीं है (यह तब हो सकता है जब डेटाटेबल्स में पंक्ति की लंबाई और लेबल होते हैं) और पेज लोड होने के बाद डेटा नहीं बदलेगा (साधारण डोम-लोडेड डेटाटेबल्स के लिए), पेजिंग को खत्म करने के लिए यह फ़ंक्शन डाला जा सकता है। यह कई पेजिंग से संबंधित कक्षाएं छुपाता है।

शायद अधिक मजबूत नीचे दिए गए फ़ंक्शन के अंदर झूठा करने के लिए पेजिंग की स्थापना होगी, हालांकि मुझे उस ऑफ-हैंड के लिए एक एपीआई कॉल नहीं दिखता है।

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();