ডেটা টেবিল: শো এন্ট্রিগুলি ড্রপডাউন লুকান তবে অনুসন্ধান বাক্সটি রাখুন

Question

শো এন্ট্রিগুলি ড্রপডাউনটি লুকিয়ে রাখা কিন্তু অনুসন্ধান বাক্সটি ডাটাবেলে রাখা সম্ভব? আমি সর্বদা অনুসন্ধান বাক্সের সাথে নীচে পৃষ্ঠাগুলি সহ 10 টি সারি প্রদর্শন করতে চাই তবে শো এন্ট্রিগুলি ড্রপডাউনটি প্রদর্শন করতে চাই না।

Answer 1

আপনি এই লিঙ্কে সরাসরি আরও তথ্য পেতে পারেন: http://datatables.net/example/basic_init/filter_only.html

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

আশা করি এইটি কাজ করবে !

সম্পাদনা: আপনি যদি অলস হন তবে "bLengthChange": মিথ্যা, আপনার পরিবর্তন করার দরকার এটি :)

Answer 2

যদি ডেটাটেবল> ১.১.০ ব্যবহার করে থাকেন তবে lengthChangeনীচের মতো আপনার প্রয়োজনীয় বিকল্পটি হ'ল:

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

Answer 3

"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

Answer 4

এটি পোস্টের মূল উত্তরটি "bLengthChange": false,এন্ট্রি ড্রপডাউনটি লুকিয়ে রাখবে

Answer 5

ডেটা টেবিলের জন্য <= 1.9, @perpo এর উত্তর

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

ভাল কাজ করে, তবে 1.10+ এর জন্য এটি ব্যবহার করে দেখুন:

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

যেখানে আমরা l"দৈর্ঘ্য পরিবর্তন ইনপুট নিয়ন্ত্রণ" রেখে গেছি

1.9 ডক্স

1.10 ডক্স

Comments

এটি আরও ভাল কারণ এটি ডিভ হোল্ডিন্ট উপাদানটি সরিয়ে দেয়। bLenghChange এলিমেন্ট দিয়ে চলে গেছে তবে সাদা জায়গা আছে। ধন্যবাদ!

— হামিদ সালারি

Answer 6

আমি এটির মতো সমাধান করি। বুটস্ট্র্যাপ 4 ব্যবহার করুন

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

সিডিএন জেএস:

• https://code.jquery.com/jquery-3.3.1.min.js
• https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js
• https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js
• https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js

সিডিএন সিএসএস:

• https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css
• https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css

Comments

এটি 2018 এ ডেটাটেবলের জন্য কাজ করে, অন্য কোনওটিই করেনি।

— দাম্মুল

Answer 7

sDom: "Tfrtip" বা একটি কলব্যাকের মাধ্যমে:

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

Answer 8

"এন্ট্রি দেখান" লেবেলটি অক্ষম করতে কোড ডোম যুক্ত করুন: 'বিফ্রিটিপ' বা আপনি "বিআইএনফো" যুক্ত করতে পারেন: মিথ্যা

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

Answer 9

আপনি এটি চেষ্টা করতে পারেন।

এটি ব্যবহার করে সহজেই সিএসএস থেকে আড়াল করুন,

 .dataTables_length {
        display: none;
    }

দুজনেই কাজ করবে।

Answer 10

শুধু লেখো :

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

Answer 11

"এন্ট্রিগুলি দেখান" লুকানোর জন্য তবে এখনও পৃষ্ঠা রয়েছে। আমি নীচের কোডটি ব্যবহার করেছি এবং এটি কাজ করেছে।

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

Answer 12

এই বিকল্পটি যুক্ত করুন:

"bInfo": false

Answer 13

"এন্ট্রি দেখান" লেবেলটি অক্ষম করতে, "বিআইএনফো" ব্যবহার করুন, উদাহরণস্বরূপ: "বিফিল্টার" অনুসন্ধান উপাদান, তবে ডিফল্টরূপে সক্রিয়।

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

সারণী তথ্য প্রদর্শন সক্ষম বা অক্ষম করুন। এটি পৃষ্ঠায় দৃশ্যমান ডেটা সম্পর্কিত তথ্য প্রদর্শন করে, যদি সেই ক্রিয়াটি সম্পাদন করা হচ্ছে তবে ফিল্টার হওয়া ডেটা সম্পর্কিত তথ্য সহ।