it-swarm.asia

كيفية إزالة ترقيم الصفحات في datatable

أنا جديد في مسج. لقد استخدمت Datatables في الشبكة ولكن لا تحتاج إلى ترقيم الصفحات.

توجد قائمة بالطلبات في صفحة واحدة وأعرضها في شبكة Datatable ولكني في أسفل لا أريد إظهار ترقيم الصفحات. هل هناك أي طريقة لإزالة أو إخفاء ترقيم الصفحات من جدول البيانات باستخدام تخصيص قليلا في مكتبة jQuery.

enter image description here

لقد حاولت تخصيصه ولكنني وجدت طرقًا قليلة جدًا للقيام بذلك ..

شكرا لك مقدما.

72
Toseef Khilji

يجب عليك تضمين "bPaginate": false, في كائن التكوين الذي تنقله إلى معلمات المُنشئ. كما نشاهد هنا: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

132
nstCactus

تعطيل الصفحة

For DataTables 1.9

استخدم bPaginate الخيار لتعطيل ترقيم الصفحات.

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

(DataTables 1.10+

استخدم paging الخيار لتعطيل ترقيم الصفحات.

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

انظر هذا jsFiddle للحصول على الكود والتوضيح.

قم بإزالة مراقبة الصفحات وإترك الصفحة متاحًا

For DataTables 1.9

استخدم sDom الخيار لتكوين عناصر التحكم التي تظهر على الصفحة.

$('#example').dataTable({
    "sDom": "lfrti"
});

(DataTables 1.10+

استخدم dom الخيار لتكوين عناصر التحكم التي تظهر على الصفحة.

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

انظر هذا jsFiddle للحصول على الكود والتوضيح.

55
Gyrocode.com
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

لقد حللت مشكلتي باستخدامه ، آمل أن يعمل من أجلك ..

20
Toseef Khilji

انها تعمل

حاول أدناه رمز

$('#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
})
19
Muhammad Fahad
$('#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      
})

جرب هذا الكود

5
Abhishek B Patel

إذا كنت تريد إزالة ترقيم الصفحات وترغب في ترتيب dataTable ، فأضف هذا البرنامج النصي في نهاية صفحتك!

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>
2
Mohsin Shoukat