DataTable: Show Entries ड्रॉपडाउन छिपाएँ लेकिन खोज बॉक्स रखें

129

क्या शो एंट्री ड्रॉपडाउन को छिपाना संभव है लेकिन डेटाटेबल में खोज बॉक्स को रखें? मैं हमेशा खोज बॉक्स के साथ निचले भाग में पृष्ठ पर अंकुरण के साथ 10 पंक्तियों को प्रदर्शित करना चाहता हूं, लेकिन शो प्रविष्टियां ड्रॉपडाउन प्रदर्शित नहीं करना चाहता।

datatable dt

— फैजल खान
स्रोत

288

आप अधिक जानकारी सीधे इस लिंक पर प्राप्त कर सकते हैं: http://datatables.net/examples/basic_init/filter_only.html

$(document).ready(function() {
$('#example').dataTable({
    "bPaginate": false,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false });
});

उम्मीद है की वो मदद करदे !

संपादित करें: यदि आप आलसी हैं, "bLengthChange": गलत, वह है जिसे आपको बदलने की आवश्यकता है :)

— PERPO
स्रोत

56

यदि डाटिटेबल> 1.1.0 का उपयोग कर रहे हैं तो lengthChangeविकल्प वह है जो आपको नीचे दिए गए हैं:

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

— जिमी ओबोनियो अबोर
स्रोत

28

"searching": false,   // Search Box will Be Disabled

"ordering": false,    // Ordering (Sorting on Each Column)will Be Disabled

"info": true,         // Will show "1 to n of n entries" Text at bottom

"lengthChange": false // Will Disabled Record number per page

— एनआईवी
स्रोत

19

यह इस पोस्ट का मुख्य उत्तर है "bLengthChange": false,, एंट्री ड्रॉपडाउन छिपाएगा

9

DataTables के लिए <= 1.9, @perpo का उत्तर

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

ठीक काम करता है, लेकिन 1.10+ के लिए यह प्रयास करें:

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

जहां हमने l"लंबाई बदलते इनपुट नियंत्रण" को छोड़ दिया है

1.9 डॉक्स

1.10 डॉक्स

— मिशाल स्फटिक
स्रोत

यह बेहतर है क्योंकि यह तत्व को div होल्ड करता है। bLenghChange तत्व के साथ चला गया है, लेकिन व्हॉट्सएप है। धन्यवाद !

— हमीद सालारी

9

मैं इसे वैसे ही हल करता हूं। बूटस्ट्रैप 4 का प्रयोग करें

    $(document).ready(function () {
        $('#table').DataTable({
            "searching": false,
            "paging": false,
            "info": false
        });
    });

सीडीएन जेएस:

सीडीएन सीएसएस:

— shades3002
स्रोत

1

यह 2018 में डेटाटैबल्स के लिए काम करता है, किसी अन्य ने नहीं किया।

— दामेमुल

8

sDom: "Tfrtip" या कॉलबैक के माध्यम से:

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}

— cnizzardini
स्रोत

3

"प्रविष्टियां दिखाएं" लेबल को अक्षम करने के लिए, कोड डोम जोड़ें: 'Bfrtip' या आप "bInfo" जोड़ सकते हैं: गलत

$('#example').DataTable({
    dom: 'Bfrtip'
})

— चितरंजन श्रीवास्तव
स्रोत

2

आप यह भी कोशिश कर सकते हैं।

बस इसे सीएसएस से उपयोग करके छिपाएं,

 .dataTables_length {
        display: none;
    }

दोनों काम करेंगे।

— रूपेश कांबले
स्रोत

2

बस लिखें :

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

— हसन शेख
स्रोत

1

"शो प्रविष्टियाँ" छिपाने के लिए लेकिन अभी भी पृष्ठांकन है। मैंने नीचे दिए गए कोड का उपयोग किया और यह काम किया।

"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false

— ejay56
स्रोत

1

इस विकल्प को जोड़ें:

"bInfo": false

— cyber8200
स्रोत

0

"शो एंट्रीज़" लेबल को अक्षम करने के लिए, "bInfo" का उपयोग करें, उदाहरण: "bFilter" खोज घटक है, लेकिन डिफ़ॉल्ट रूप से सक्रिय हैं।

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

तालिका सूचना प्रदर्शन सक्षम या अक्षम करें। यह उस डेटा के बारे में जानकारी दिखाता है जो वर्तमान में पृष्ठ पर दिखाई देता है, जिसमें फ़िल्टर किए गए डेटा के बारे में जानकारी शामिल है यदि वह क्रिया की जा रही है।

— steffanjj
स्रोत