2011-11-08 13 views
34

मैं कुछ समय के लिए jQuery डेटाटेबल प्लगइन (http://datatables.net) का उपयोग कर रहा हूं और आमतौर पर हम डिफ़ॉल्ट आकारों का उपयोग करके सुपर 0x और "bStateSave": true विकल्प का उपयोग कर सुपर ठीक हैं।jQuery डेटाटेबल्स पेजिनेशन साइज

लेकिन अब मुझे वास्तव में [10,25,50,100] के रूप में अंकन का आकार बदलने की आवश्यकता है, लेकिन मुझे इसकी आवश्यकता है क्योंकि हम कहते हैं [1,2,3]। मुझे विकल्प aLengthMenu:[1,2,3] विकल्प सेट करने के साथ इस तरह सेट करने के लिए मिलता है और यदि मैं विकल्पों में से एक का चयन करता हूं तो यह सही चयन राशि सेट करता है।

लेकिन DataTable स्टार्टअप पर यह 1,2,3 के लिए बल्कि डिफ़ॉल्ट करने के लिए '10'

कौन-सा विकल्प मैं याद आ रही है लंबाई निर्धारित नहीं करता है? अग्रिम धन्यवाद!

उत्तर

26
  • DataTables 1.10+

    प्रारंभिक पृष्ठ की लंबाई निर्धारित करने के लिए उपलब्ध पृष्ठ की लंबाई और वैकल्पिक रूप सेpageLength की सूची को परिभाषित करने के लिए lengthMenu का उपयोग करें।

    यदि pageLength निर्दिष्ट नहीं है, तो यह स्वचालित रूप से lengthMenu द्वारा निर्दिष्ट सरणी में दिए गए पहले मान पर सेट हो जाएगा।

    var table = $('#example').DataTable({ 
        "lengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ], 
        "pageLength": 4 
    }); 
    

    कोड और प्रदर्शन के लिए this jsFiddle देखें।


  • DataTables 1.9

    उपयोग aLengthMenu उपलब्ध पेज लंबाई की एक सूची निर्धारित करना और iDisplayLength प्रारंभिक पृष्ठ लंबाई सेट करने के।

    var table = $('#example').dataTable({ 
        "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ], 
        "iDisplayLength": 4,   
    }); 
    

    कोड और प्रदर्शन के लिए this jsFiddle देखें।

+0

* 1 से नीचे डेटाटेबल्स के लिए।10 कृपया अस्वीकार्य उत्तर देखें * यह एक और वर्तमान संस्करण है और इसलिए अब स्वीकार किया जाना चाहिए – Sam

62

स्पष्ट अपने कुकीज़, लोगों datatables बचाया जब आप bStateSave उपयोग कर रहे थे और आप 10,25,50,100

तो ताज़ा था और यह अब सहेजना चाहिए 1 या 2 या 3

तुम्हारा मतलब

करना
"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]], 
"iDisplayLength" : 10, 
+0

धन्यवाद अग्रिम, केवल बदलते aLengthMenu आज कोई असर नहीं था (bStateSave उस समय का उपयोग नहीं किया), तो मैं कल iDisplayLength साथ की कोशिश करेंगे। मैं आपको बता दूंगा और फिर वोट/स्वीकार करूँगा, धन्यवाद! – Sam

+6

ग्रेट, धन्यवाद। 'iDisplayLength' प्रदर्शित करने के लिए प्रारंभिक राशि को सेट करने का विकल्प है। आपका बहुत बहुत धन्यवाद! – Sam

+0

अपनी कुकीज़ साफ़ करें --- कैसे? – AKS

0

जब तक आप कोणीय चीजें लोड नहीं करते हैं, तब तक प्रतीक्षा करना सुनिश्चित करें।

$timeout(function(){ // given timeout for wait load the page 
    $('#dataTables-example').dataTable({ 
     "iDisplayLength": 10, 
    }); 
}, 100, false); 
संबंधित मुद्दे