Styling the Pagination Element with Bootstrap 4

MFG

I am trying to apply the BS4 class "pagination-sm" to the pagination element as follows:

$('#dtPluginExample_paginate ul').addClass("pagination-sm");

This is the last line of the JS.

On the fIrst load of the page the element is rendered correctly (class added to the ul element).
After any subsequent event, the class I thought I was adding correctly disappears and the element reverts back to Bootstrap's normal size.

I suspect I am missing something very simple, but I am not seeing it.

Sample here: http://live.datatables.net/xiyoreni/1/edit
Click on any of the pagination buttons to see it revert back to normal size.

kthorngren

Not sure why it resets but you can use drawCallback to set the classes each draw:
http://live.datatables.net/powehepa/1/edit

Kevin

MFG

Thank You Kevin. I appreciate your suggestion/example and will use it.

Not knowing the cause of the reset will bother me for a while, but I have to move on.

Thanks Again.

Michael.

prngfx

Thanks Kevin!
great support
regards
mathew t.