2010-05-20 11 views
32

में प्रति पृष्ठ मान परिणाम कैसे बदलें डेटाटेबल्स के पास प्रति पृष्ठ दिखाए गए रिकॉर्ड्स की संख्या का चयन करने का विकल्प होता है। डिफ़ॉल्ट मान 10, 25, 50 और 100 से शुरू होता है। मैं इसे 10 के बजाय 5 से शुरू करने के लिए कैसे बदल सकता हूं? 10 रिकॉर्ड थोड़ा अधिक है और मेरे वर्तमान डिज़ाइन में बहुत अधिक जगह लेता है। Thanx!डेटाटेबल्स

http://datatables.net/

उत्तर

66

जब आप DataTable ऑब्जेक्ट को प्रारंभ iDisplayLength पैरामीटर का उपयोग करना चाहते हैं। यहाँ उदाहरण वे अपने दस्तावेज में सूचीबद्ध है:

$(document).ready(function() { 
    $('#example').dataTable({ 
     "iDisplayLength": 50 
    }); 
}) 

अधिक जानकारी यहां पाया जा सकता है: http://www.datatables.net/usage/options

+3

DataTables v1.10 के बाद से, जिन विकल्पों को आप ढूंढ रहे हैं वे 'पृष्ठ लम्बाई' और 'लंबाईमेनू –

2

मुझे लगता है कि इस सवाल का पुराना है, लेकिन उसे स्वीकार जवाब ओपी के सवाल का जवाब नहीं है।

उत्तर डेटाटेबल प्रारंभ करते समय ALengthMenu विकल्प को ओवरराइड करना है। यहाँ देखें: http://datatables.net/examples/advanced_init/length_menu.html

85

पूरी तरह से सही उत्तर 5 करने के लिए दोनों और प्रदर्शन लंबाई का उपयोग होगा: आप बस "iDisplayLength", तो लटकती विकल्पों में है कि लंबाई बाद में नहीं होगा का उपयोग करते हैं

$(document).ready(function(){ 
    $('#table').dataTable({ 
    "iDisplayLength": 5, 
    "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]] 
    }); 
}); 

या जब पृष्ठ लोड होता है (इसके बजाय आप पहले विकल्प देखेंगे, डिफ़ॉल्ट रूप से आईई 10)। यदि आप केवल "लम्बाईमेनू" का उपयोग करते हैं, तो आपके परिणाम पहले मेनू विकल्प के बजाय 10 पर डिफ़ॉल्ट हो जाएंगे।

+0

हैं आप बिल्कुल सही हैं। अच्छी पकड़। –

+0

मैं सहमत हूं। यह एक बेहतर समाधान है। – seneyr

+3

डेटाटेबल्स v1.10 के बाद से, जिन विकल्पों को आप ढूंढ रहे हैं वे 'पृष्ठ लम्बाई' और 'लंबाईमेनू' हैं –

3

जवाब इस परिदृश्य पर

$(document).ready(function(){ 
 
    $('#table').dataTable({ 
 
    "aLengthMenu": [[10, 25, 50, 100], ["10 Per Page", "25 Per Page", "50 Per Page", "100 Per Page"]] 
 
    }); 
 
});

0

की आवश्यकता होगी, की मेरी समस्या हल यह शायद ही डेटा तालिकाओं 1.9
"iDisplayLength" के लिए: 50

7
$.extend(true, $.fn.dataTable.defaults, { 
    "lengthMenu": [[5, 10, 15, 20, 25], [5, 10, 15, 20, 25]], 
    "pageLength": 5 

}); 
संबंधित मुद्दे