css of pagination button gone after using search

arcturusvoid

Whenver im searcing for something the css of pagination button changed and never came back.

here is the js.
var pendingTable = $('#pending-reservation-table').DataTable({
"bPaginate": true,
"bFilter": true,
"ordering": false,
"bInfo": false,
"bAutoWidth": false,
language: { search: '', searchPlaceholder: "Search..." },
});
$('.dataTables_wrapper .dataTables_paginate').addClass("d-flex justify-content-end");
$('.dataTables_wrapper .dataTables_paginate .paginate_button').css({'display': "inline-block", 'font-weight': "700", 'line-height': "1.5"," text-align": "center", "vertical-align": "middle", "cursor": "pointer", "border": "1px solid transparent", "padding": "0.375rem 1rem", "font-size": "0.75rem", "border-radius": "0.5rem", "transition": "all 0.15s ease-in"});

here is the demo: https://streamable.com/5orp1z

kthorngren

That is strange. We will need to see the problem to help debug. Please pose a link to your page or a test case replicating the issue so we can help debug.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Check the browser's console for errors while you are searching. Let us know what you find.

Kevin