मैं नीचे दिए गए उदाहरण के अनुसार datatables.js में कस्टम पेजिनेशन कैसे जोड़ सकता हूं?

the attached image

1
Rainbow Unicorn 16 अप्रैल 2020, 17:30

1 उत्तर

सबसे बढ़िया उत्तर

पेजिनेशन जोड़ने का सबसे तेज़ तरीका है अपने शुरुआती विकल्पों में पैरामीटर 'पेजिंग' जोड़ना, जैसे:

$('#your_table_id').dataTable( {
    "paging": true
});

पैरामीटर 'पेजिंग' डिफ़ॉल्ट रूप से true पर सेट है।

आप पैरामीटर pagingType भी जोड़ सकते हैं और इसे full_numbers पर सेट कर सकते हैं, जैसे:

$('#your_table_id').dataTable( {
    "paging": true,
    "pagingType": "full_numbers"
});

अन्य पेजिनेशन बटन (प्रथम, अंतिम) प्रदर्शित करने और उनमें कस्टम नाम जोड़ने के लिए आपको नीचे दिए गए कोड का उपयोग करना चाहिए:

$('#myTable').DataTable({
  "pagingType": "full_numbers",
  "language": {
    "paginate": {
      "first":    "«",
      "previous": "‹",
      "next":     "›",
      "last":     "»"
    }
  }
});

और शैली जोड़ने के लिए आप कुछ सीएसएस नियमों को ओवरराइड कर सकते हैं जैसे:

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid blue !important;
  /* other rules */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid red !important;
  /* other rules */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  border: 1px solid grey !important;
  /* other rules */
}

दुर्भाग्य से, यह बदसूरत है क्योंकि आपको !important ध्वज का उपयोग करना है।

दूसरा और कठिन तरीका है खुद का प्लगइन लिखना।

1
Mario Boss 16 अप्रैल 2020, 16:27