আমি jQuery এ নতুন। আমি গ্রিডে ডেটাবেবল ব্যবহার করেছি তবে পৃষ্ঠাগুলির দরকার নেই।
এক পৃষ্ঠায় অর্ডারগুলির একটি তালিকা রয়েছে এবং আমি এগুলিকে একটি ডেটাটেবল গ্রিডে দেখাই তবে নীচে আমি পৃষ্ঠাটি প্রদর্শন করতে চাই না। JQuery লাইব্রেরিতে কিছুটা কাস্টমাইজেশন ব্যবহার করে ডেটা টেবিল থেকে পৃষ্ঠাগুলি সরিয়ে বা আড়াল করার কোনও উপায় আছে কি?
আমি এটি কাস্টমাইজ করার চেষ্টা করেছি কিন্তু এটি করার খুব কম পদ্ধতি পেয়েছি ..
আগাম ধন্যবাদ.
উত্তর:
"bPaginate": false,আপনার কনস্ট্রাক্টর পরামিতিগুলিতে আপনি যে কনফিগারেশন অবজেক্টটি প্রবেশ করেন তার মধ্যে অন্তর্ভুক্ত করা উচিত । এখানে যেমন দেখা গেছে: http://datatables.net/reLive-datatables/example/basic_init/filter_only.html
ডেটা টেবিলের জন্য 1.9
bPaginateপৃষ্ঠাগুলি নিষ্ক্রিয় করতে বিকল্পটি ব্যবহার করুন ।
$('#example').dataTable({
"bPaginate": false
});
ডেটা টেবিলের জন্য 1.10+
pagingপৃষ্ঠাগুলি নিষ্ক্রিয় করতে বিকল্পটি ব্যবহার করুন ।
$('#example').dataTable({
"paging": false
});
কোড এবং প্রদর্শনের জন্য এই jsFizz দেখুন ।
ডেটা টেবিলের জন্য 1.9
sDomপৃষ্ঠায় প্রদর্শিত নিয়ন্ত্রণ উপাদানগুলি কনফিগার করতে বিকল্প ব্যবহার করুন ।
$('#example').dataTable({
"sDom": "lfrti"
});
ডেটা টেবিলের জন্য 1.10+
domপৃষ্ঠায় প্রদর্শিত নিয়ন্ত্রণ উপাদানগুলি কনফিগার করতে বিকল্প ব্যবহার করুন ।
$('#example').dataTable({
"dom": "lfrti"
});
কোড এবং প্রদর্শনের জন্য এই jsFizz দেখুন ।
data-paging='false'টেবিলের উপাদানটি উল্লেখ করাও কাজ করবে।
ইহা কাজ করছে
কোড নীচে চেষ্টা করুন
$('#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
})
$(document).ready(function () {
$('#Grid_Id').dataTable({
"bPaginate": false
});
});
আমি এটি ব্যবহার করে আমার সমস্যা সমাধান করেছি।
$('#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
})
এই কোড চেষ্টা করুন
আপনি যদি পৃষ্ঠাগুলি মুছে ফেলতে চান এবং কিন্তু ডাটা টেবিলের ক্রম চান তবে আপনার পৃষ্ঠার শেষে এই স্ক্রিপ্টটি যুক্ত করুন!
<script>
$(document).ready(function() {
$('#table_id').DataTable({
"paging": false,
"info": false
} );
} );
</script>এখানে একটি বিকল্প যা বেশ কয়েকটি অন্যান্য উত্তরের ক্রমবর্ধমান উন্নতি। ধারনা সেটিংস.এলেনগথমেনু বহুমাত্রিক নয় (এটি তখন হতে পারে যখন ডাটা টেবিলগুলির সারি দৈর্ঘ্য এবং লেবেল থাকে) এবং পৃষ্ঠার লোডের পরে ডেটা পরিবর্তন হবে না (সাধারণ ডিওএম-লোডযুক্ত ডেটা টেবিলের জন্য), এই ক্রিয়াকলাপটি পেজিং সরাতে সন্নিবেশ করা যেতে পারে। এটি বিভিন্ন পেজিং সম্পর্কিত ক্লাস গোপন করে।
সম্ভবত আরও শক্তিশালী নীচের ফাংশনের ভিতরে মিথ্যাতে পেজিং সেট করবে, তবে আমি সেই অফ-হ্যান্ডের জন্য কোনও এপিআই কল দেখতে পাচ্ছি না।
$('#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();