Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Change color of Datatable pagination

Giulio Marcon free asked 6 years ago


How do I change the color of the pagination generated inside the datatable? I tried changing the background color using the js that I found here, but when I click the column header to "sort" the rows, the color changes back to the default one.

Marta Wierzbicka staff answered 6 years ago


Hi, try this CSS code:
.pagination .page-item.active .page-link { background-color: #000; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
background-color: #000;
}

.pagination .page-item.active .page-link:hover {
background-color: #000;
}
Best, Marta

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: Desktop
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes